@luminati-io/uikit 1.9.8 → 1.9.10

package/dist/uikit.umd.js

@@ -23915,21 +23915,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "components"];
+var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "components"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -23950,7 +23951,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Item = _menu__WEBPACK_IMPORTED_MODULE_5__["default"].Item;
+
+var Item = _menu__WEBPACK_IMPORTED_MODULE_6__["default"].Item;
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var label = props.label,
     labelIcon = props.labelIcon,
@@ -23965,6 +23967,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     onBlur = props.onBlur,
     multiselect = props.multiselect,
     creatable = props.creatable,
+    onCreateOption = props.onCreateOption,
     clearable = props.clearable,
     disabled = props.disabled,
     invalid = props.invalid,
@@ -23977,17 +23980,17 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     menuPlacement = props.menuPlacement,
     components = props.components,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useLabelId)(props.id);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslate)();
   var styles = useCustomStyles(size);
-  var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_11__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_11__["default"];
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, _extends({
+  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
     ref: ref,
     "data-testid": "dropdown"
   }, rest, {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"]
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.InputLabel, {
+    gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
@@ -24006,6 +24009,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     onBlur: onBlur,
     isMulti: multiselect,
     isClearable: clearable,
+    onCreateOption: onCreateOption,
     isDisabled: disabled,
     required: required,
     styles: styles,
@@ -24027,7 +24031,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     },
     closeMenuOnSelect: !multiselect,
     menuPlacement: menuPlacement
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.HelperText, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -24052,6 +24056,7 @@ Dropdown.propTypes = {
   multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   clearable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   creatable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['bottom', 'auto', 'top'])
 };
@@ -24072,7 +24077,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9,
       cursor: isDisabled ? 'default' : 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("use", {
@@ -24090,7 +24095,7 @@ var ClearIndicator = function ClearIndicator(props) {
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9,
       cursor: 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("use", {
@@ -24132,7 +24137,7 @@ var Group = function Group(props) {
     innerProps = props.innerProps,
     children = props.children,
     isFirstItem = props.isFirstItem;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__.MenuItemGroup, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.MenuItemGroup, _extends({
     ref: innerRef,
     isFirstItem: isFirstItem,
     className: cx({
@@ -24150,7 +24155,7 @@ var MenuList = function MenuList(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__.MenuContainer, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.MenuContainer, _extends({
     ref: innerRef,
     noShadow: true,
     role: "menu",
@@ -24174,25 +24179,25 @@ var useCustomStyles = function useCustomStyles(size) {
           md: 40,
           lg: 48
         };
-        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7;
-        var color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
-        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
+        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_7;
+        var color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50;
+        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white;
         var cursor = 'text';
         if (state.isDisabled) {
-          color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
-          borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6;
-          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
+          color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9;
+          borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6;
+          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_2;
           cursor = 'default';
-        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
+        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_11;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(height[size] || height.sm),
-          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_10__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_10__.inputHorizontalPadding, "px"),
+          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(height[size] || height.sm),
+          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_11__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_11__.inputHorizontalPadding, "px"),
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none,
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].line_height.none,
           color: color,
           backgroundColor: backgroundColor,
           borderColor: borderColor,
@@ -24207,12 +24212,12 @@ var useCustomStyles = function useCustomStyles(size) {
       },
       placeholder: function placeholder(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11
+          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11
         });
       },
       indicatorsContainer: function indicatorsContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["03"],
+          gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["03"],
           minHeight: '24px'
         });
       },
@@ -24223,43 +24228,43 @@ var useCustomStyles = function useCustomStyles(size) {
           minWidth: '168px',
           maxWidth: '540px',
           width: 'max-content',
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"],
-          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].box_shadow.md
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
+          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].box_shadow.md
         });
       },
       menuPortal: function menuPortal(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          zIndex: _constants__WEBPACK_IMPORTED_MODULE_9__.Z_INDEX.dropdown
+          zIndex: _constants__WEBPACK_IMPORTED_MODULE_10__.Z_INDEX.dropdown
         });
       },
       multiValue: function multiValue(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"]
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
         });
       },
       multiValueLabel: function multiValueLabel(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none,
-          color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_25,
-          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"],
-          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["00"]
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].line_height.none,
+          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_25,
+          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
+          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["00"]
         });
       },
       multiValueRemove: function multiValueRemove(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"],
-          color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
+          color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11,
           cursor: 'pointer',
           ':hover': {
-            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3,
-            color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50
+            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
+            color: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50
           }
         });
       }
@@ -25952,12 +25957,13 @@ __webpack_require__.r(__webpack_exports__);
 var MODAL_WIDTHS = {
   sm: '360px',
   md: '500px',
-  lg: '800px'
+  lg: '800px',
+  full: '90vw'
 };
 var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Box).withConfig({
   displayName: "StyledWrapper",
   componentId: "sc-1nggvo0-0"
-})(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.lg, function (props) {
+})(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
   return MODAL_WIDTHS[props.size];
 });
 var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
@@ -25998,7 +26004,7 @@ var ModalBase = function ModalBase(props) {
   }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, null, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, null, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, null, footer));
 };
 ModalBase.propTypes = {
-  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg', 'full']),
   shadow: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['none', 'sm', 'md', 'lg']),
   header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   content: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
@@ -26125,7 +26131,7 @@ General.propTypes = {
   cancelLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   okDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg', 'full']),
   shadow: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['none', 'sm', 'md', 'lg'])
 };
 var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__["default"])(General);
@@ -26551,7 +26557,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
 // LICENSE_CODE ZON
 
 
@@ -26563,22 +26570,32 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var assign = Object.assign;
 var Cell = function Cell(props) {
-  var className = props.className,
+  var classNamePrefix = props.classNamePrefix,
     rowDensity = props.rowDensity,
     isLastRow = props.isLastRow,
-    isEditing = props.isEditing,
-    columnStartEditing = props.columnStartEditing,
-    columnDoneEditing = props.columnDoneEditing,
-    row = props.row,
-    column = props.column;
+    cell = props.cell;
+  var row = cell.row,
+    column = cell.column,
+    isEditing = cell.isEditing;
+  var rowId = row.id;
   var columnId = column.id,
     _column$type = column.type,
     type = _column$type === void 0 ? 'string' : _column$type,
-    canEdit = column.canEdit,
-    classNamePrefix = column.classNamePrefix;
-  var rowId = row.id;
+    canEdit = column.canEdit;
+  var columnClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.classNamePrefix, {
+    cell: true
+  });
+  var cellClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+    tableCell: true
+  });
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+    columnStartEditing = _useTableContext.columnStartEditing,
+    columnDoneEditing = _useTableContext.columnDoneEditing,
+    getColumnProps = _useTableContext.getColumnProps,
+    getCellProps = _useTableContext.getCellProps;
   var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     columnStartEditing(columnId, rowId);
   }, [columnStartEditing, columnId, rowId]);
@@ -26592,17 +26609,15 @@ var Cell = function Cell(props) {
     isEditing: isEditing
   }, {
     border: isLastRow ? null : 'bottom'
-  }, props.getCellProps(), canEdit ? {
+  }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]), canEdit ? {
     onClick: function onClick(e) {
       e.stopPropagation();
       startEditing();
     }
   } : undefined);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
-      cell: true
-    }, className)
-  }, cellProps), props.render('Cell', {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({}, cellProps, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className)
+  }), cell.render('Cell', {
     row: row,
     isEditing: isEditing,
     startEditing: startEditing,
@@ -26615,7 +26630,7 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   componentId: "sc-b034il-0"
 })(["padding:5px 15px;overflow-x:clip;", " background-color:", ";border:1px solid ", ";", ":hover &{background-color:", ";border-left-color:", ";border-right-color:", ";}", " ", " &[data-pinned-last]{", "}", ""], function (props) {
   return props.type == 'number' ? 'text-align: right;' : null;
-}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_5__["default"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
+}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_6__["default"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
   if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
   if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
 }, function (props) {
@@ -26672,7 +26687,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "isLoading", "onPageChange", "manualPagination", "totalCount"];
+var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "isLoading", "onPageChange", "manualPagination", "totalCount", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -26700,6 +26715,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var assign = Object.assign;
+var defaultPropGetter = function defaultPropGetter() {
+  return {};
+};
 var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext({});
 TableContext.displayName = 'TableContext';
 var Cell = function Cell(props) {
@@ -26736,6 +26754,16 @@ var Provider = function Provider(props) {
     _props$manualPaginati = props.manualPagination,
     manualPagination = _props$manualPaginati === void 0 ? false : _props$manualPaginati,
     totalCount = props.totalCount,
+    _props$getHeaderProps = props.getHeaderProps,
+    getHeaderProps = _props$getHeaderProps === void 0 ? defaultPropGetter : _props$getHeaderProps,
+    _props$getColumnProps = props.getColumnProps,
+    getColumnProps = _props$getColumnProps === void 0 ? defaultPropGetter : _props$getColumnProps,
+    _props$getRowProps = props.getRowProps,
+    getRowProps = _props$getRowProps === void 0 ? defaultPropGetter : _props$getRowProps,
+    _props$getCellProps = props.getCellProps,
+    getCellProps = _props$getCellProps === void 0 ? defaultPropGetter : _props$getCellProps,
+    _props$getFooterProps = props.getFooterProps,
+    getFooterProps = _props$getFooterProps === void 0 ? defaultPropGetter : _props$getFooterProps,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -26761,7 +26789,12 @@ var Provider = function Provider(props) {
     manualPagination: manualPagination,
     pageCount: pageCount,
     totalCount: totalCount,
-    isLoading: isLoading
+    isLoading: isLoading,
+    getHeaderProps: getHeaderProps,
+    getColumnProps: getColumnProps,
+    getRowProps: getRowProps,
+    getCellProps: getCellProps,
+    getFooterProps: getFooterProps
   }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns].concat(_toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
@@ -26791,9 +26824,9 @@ Provider.propTypes = {
     id: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),
     accessor: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
     type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['string', 'number']),
-    Header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().element.isRequired),
+    Header: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]).isRequired,
     Cell: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-    Footer: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().element),
+    Footer: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
     can_sort: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)]),
     on_sort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
     disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -26821,9 +26854,12 @@ Provider.propTypes = {
   disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)]),
-  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
-  hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getRowProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getFooterProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -27260,15 +27296,19 @@ var FooterCell = function FooterCell(props) {
   var _column$type = column.type,
     type = _column$type === void 0 ? 'string' : _column$type,
     classNamePrefix = column.classNamePrefix;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
+    getColumnProps = _useTableContext2.getColumnProps,
+    getFooterProps = _useTableContext2.getFooterProps;
+  var footerProps = column.getFooterProps([getColumnProps(column), getFooterProps(column)]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({}, footerProps, {
     type: type,
     role: "cell",
     rowDensity: rowDensity,
     border: "top",
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
       footer: true
-    }, className)
-  }, column.getFooterProps()), column.render('Footer'));
+    }, className, footerProps.className)
+  }), column.render('Footer'));
 };
 FooterCell.displayName = 'FooterCell';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableFooter);
@@ -27376,10 +27416,11 @@ var HeaderCell = function HeaderCell(props) {
     name = header.name,
     on_sort = header.on_sort,
     isResizing = header.isResizing,
-    getHeaderProps = header.getHeaderProps,
     getResizerProps = header.getResizerProps,
     classNamePrefix = header.classNamePrefix;
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
+    getColumnProps = _useTableContext2.getColumnProps,
+    getHeaderProps = _useTableContext2.getHeaderProps,
     columnsSort = _useTableContext2.columnsSort,
     fullWidth = _useTableContext2.fullWidth;
   var sort = columnsSort[id];
@@ -27399,11 +27440,11 @@ var HeaderCell = function HeaderCell(props) {
     hovered = _useState2[0],
     setHovered = _useState2[1];
   var iconVisible = canSort && (['asc', 'desc'].includes(sort) || hovered);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellContent, _extends({
+  var headerCellProps = header.getHeaderProps([getColumnProps(header), getHeaderProps(header)]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellContent, _extends({}, headerCellProps, {
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       header: true
-    }, className)
-  }, getHeaderProps(), {
+    }, className, headerCellProps.className),
     onMouseOver: function onMouseOver() {
       return setHovered(true);
     },
@@ -28212,8 +28253,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["classNamePrefix", "row", "onRowClick"],
-  _excluded2 = ["key"];
+var _excluded = ["key"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -28225,31 +28265,33 @@ var renderRow = function renderRow(opt) {
   var classNamePrefix = opt.classNamePrefix,
     row = opt.row,
     onRowClick = opt.onRowClick,
-    cellProps = _objectWithoutProperties(opt, _excluded);
-  var _row$getRowProps = row.getRowProps(),
+    getRowProps = opt.getRowProps,
+    rowDensity = opt.rowDensity,
+    isLastRow = opt.isLastRow;
+  var _row$getRowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row)),
     key = _row$getRowProps.key,
-    rowProps = _objectWithoutProperties(_row$getRowProps, _excluded2);
+    rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
   var onClick = onRowClick ? function (evt) {
     return onRowClick(row.original, evt);
   } : undefined;
   var cursor = onRowClick ? 'pointer' : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
-    key: key,
-    onClick: onClick,
-    cursor: cursor
+    key: key
   }, rowProps, {
+    onClick: onClick,
+    cursor: cursor,
     className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
       tableRow: true,
       'tableRow--is-pinned': row.isPinned
-    })
+    }, rowProps.className)
   }), row.cells.map(function (cell) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
-      key: cell.getCellProps().key
-    }, cellProps, cell, {
-      className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
-        tableCell: true
-      })
-    }));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      key: cell.getCellProps().key,
+      cell: cell,
+      classNamePrefix: classNamePrefix,
+      rowDensity: rowDensity,
+      isLastRow: isLastRow
+    });
   }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (renderRow);
@@ -28634,11 +28676,10 @@ var Table = function Table(props) {
     page = _useTableContext.page,
     _useTableContext$pinn = _useTableContext.pinnedRows,
     pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn,
-    columnStartEditing = _useTableContext.columnStartEditing,
-    columnDoneEditing = _useTableContext.columnDoneEditing,
     NoDataComp = _useTableContext.NoDataComp,
     LoadingComp = _useTableContext.LoadingComp,
-    isLoading = _useTableContext.isLoading;
+    isLoading = _useTableContext.isLoading,
+    getRowProps = _useTableContext.getRowProps;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -28675,12 +28716,11 @@ var Table = function Table(props) {
       if (row.isPinned) return null;
       return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
         row: row,
-        columnStartEditing: columnStartEditing,
-        columnDoneEditing: columnDoneEditing,
         rowDensity: rowDensity,
         onRowClick: onRowClick,
         isLastRow: i == arr.length - 1,
-        classNamePrefix: classNamePrefix
+        classNamePrefix: classNamePrefix,
+        getRowProps: getRowProps
       });
     });
   }();
@@ -28707,11 +28747,10 @@ var Table = function Table(props) {
     prepareRow(row);
     return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
       row: row,
-      columnStartEditing: columnStartEditing,
-      columnDoneEditing: columnDoneEditing,
       rowDensity: rowDensity,
       onRowClick: onRowClick,
-      classNamePrefix: classNamePrefix
+      classNamePrefix: classNamePrefix,
+      getRowProps: getRowProps
     });
   }), body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__["default"], {
     rowDensity: rowDensity,
@@ -53000,6 +53039,76 @@ var fromEntries = function fromEntries(entries) {
 
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;
 
+/***/ }),
+
+/***/ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/react-select/creatable/dist/react-select-creatable.esm.js ***!
+  \********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "useCreatable": () => (/* reexport safe */ _dist_useCreatable_9c489c71_esm_js__WEBPACK_IMPORTED_MODULE_2__.u)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _dist_Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../dist/Select-457c486b.esm.js */ "./node_modules/react-select/dist/Select-457c486b.esm.js");
+/* harmony import */ var _dist_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../dist/useStateManager-7e1e8489.esm.js */ "./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js");
+/* harmony import */ var _dist_useCreatable_9c489c71_esm_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../dist/useCreatable-9c489c71.esm.js */ "./node_modules/react-select/dist/useCreatable-9c489c71.esm.js");
+/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_createSuper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var use_isomorphic_layout_effect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! use-isomorphic-layout-effect */ "./node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var CreatableSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var creatableProps = (0,_dist_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_16__.u)(props);
+  var selectProps = (0,_dist_useCreatable_9c489c71_esm_js__WEBPACK_IMPORTED_MODULE_2__.u)(creatableProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_dist_Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_17__.S, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    ref: ref
+  }, selectProps));
+});
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CreatableSelect);
+
+
 /***/ }),
 
 /***/ "./node_modules/react-select/dist/Select-457c486b.esm.js":
@@ -57128,6 +57237,124 @@ var NonceProvider = (function (_ref) {
 
 
 
+/***/ }),
+
+/***/ "./node_modules/react-select/dist/useCreatable-9c489c71.esm.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/react-select/dist/useCreatable-9c489c71.esm.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "u": () => (/* binding */ useCreatable)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _index_a86253bb_esm_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./index-a86253bb.esm.js */ "./node_modules/react-select/dist/index-a86253bb.esm.js");
+/* harmony import */ var _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Select-457c486b.esm.js */ "./node_modules/react-select/dist/Select-457c486b.esm.js");
+
+
+
+
+
+
+
+var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
+var compareOption = function compareOption() {
+  var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var option = arguments.length > 1 ? arguments[1] : undefined;
+  var accessors = arguments.length > 2 ? arguments[2] : undefined;
+  var candidate = String(inputValue).toLowerCase();
+  var optionValue = String(accessors.getOptionValue(option)).toLowerCase();
+  var optionLabel = String(accessors.getOptionLabel(option)).toLowerCase();
+  return optionValue === candidate || optionLabel === candidate;
+};
+var builtins = {
+  formatCreateLabel: function formatCreateLabel(inputValue) {
+    return "Create \"".concat(inputValue, "\"");
+  },
+  isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions, accessors) {
+    return !(!inputValue || selectValue.some(function (option) {
+      return compareOption(inputValue, option, accessors);
+    }) || selectOptions.some(function (option) {
+      return compareOption(inputValue, option, accessors);
+    }));
+  },
+  getNewOptionData: function getNewOptionData(inputValue, optionLabel) {
+    return {
+      label: optionLabel,
+      value: inputValue,
+      __isNew__: true
+    };
+  }
+};
+function useCreatable(_ref) {
+  var _ref$allowCreateWhile = _ref.allowCreateWhileLoading,
+    allowCreateWhileLoading = _ref$allowCreateWhile === void 0 ? false : _ref$allowCreateWhile,
+    _ref$createOptionPosi = _ref.createOptionPosition,
+    createOptionPosition = _ref$createOptionPosi === void 0 ? 'last' : _ref$createOptionPosi,
+    _ref$formatCreateLabe = _ref.formatCreateLabel,
+    formatCreateLabel = _ref$formatCreateLabe === void 0 ? builtins.formatCreateLabel : _ref$formatCreateLabe,
+    _ref$isValidNewOption = _ref.isValidNewOption,
+    isValidNewOption = _ref$isValidNewOption === void 0 ? builtins.isValidNewOption : _ref$isValidNewOption,
+    _ref$getNewOptionData = _ref.getNewOptionData,
+    getNewOptionData = _ref$getNewOptionData === void 0 ? builtins.getNewOptionData : _ref$getNewOptionData,
+    onCreateOption = _ref.onCreateOption,
+    _ref$options = _ref.options,
+    propsOptions = _ref$options === void 0 ? [] : _ref$options,
+    propsOnChange = _ref.onChange,
+    restSelectProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__["default"])(_ref, _excluded);
+  var _restSelectProps$getO = restSelectProps.getOptionValue,
+    getOptionValue$1 = _restSelectProps$getO === void 0 ? _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_4__.g : _restSelectProps$getO,
+    _restSelectProps$getO2 = restSelectProps.getOptionLabel,
+    getOptionLabel$1 = _restSelectProps$getO2 === void 0 ? _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_4__.b : _restSelectProps$getO2,
+    inputValue = restSelectProps.inputValue,
+    isLoading = restSelectProps.isLoading,
+    isMulti = restSelectProps.isMulti,
+    value = restSelectProps.value,
+    name = restSelectProps.name;
+  var newOption = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
+    return isValidNewOption(inputValue, (0,_index_a86253bb_esm_js__WEBPACK_IMPORTED_MODULE_5__.I)(value), propsOptions, {
+      getOptionValue: getOptionValue$1,
+      getOptionLabel: getOptionLabel$1
+    }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined;
+  }, [formatCreateLabel, getNewOptionData, getOptionLabel$1, getOptionValue$1, inputValue, isValidNewOption, propsOptions, value]);
+  var options = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {
+    return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat((0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(propsOptions)) : [].concat((0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(propsOptions), [newOption]) : propsOptions;
+  }, [allowCreateWhileLoading, createOptionPosition, isLoading, newOption, propsOptions]);
+  var onChange = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(function (newValue, actionMeta) {
+    if (actionMeta.action !== 'select-option') {
+      return propsOnChange(newValue, actionMeta);
+    }
+    var valueArray = Array.isArray(newValue) ? newValue : [newValue];
+    if (valueArray[valueArray.length - 1] === newOption) {
+      if (onCreateOption) onCreateOption(inputValue);else {
+        var newOptionData = getNewOptionData(inputValue, inputValue);
+        var newActionMeta = {
+          action: 'create-option',
+          name: name,
+          option: newOptionData
+        };
+        propsOnChange((0,_index_a86253bb_esm_js__WEBPACK_IMPORTED_MODULE_5__.D)(isMulti, [].concat((0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_index_a86253bb_esm_js__WEBPACK_IMPORTED_MODULE_5__.I)(value)), [newOptionData]), newOptionData), newActionMeta);
+      }
+      return;
+    }
+    propsOnChange(newValue, actionMeta);
+  }, [getNewOptionData, inputValue, isMulti, name, newOption, onCreateOption, propsOnChange, value]);
+  return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restSelectProps), {}, {
+    options: options,
+    onChange: onChange
+  });
+}
+
+
+
+
 /***/ }),
 
 /***/ "./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js":