datastake-daf 0.6.652 → 0.6.654

package/dist/components/index.js

@@ -4511,7 +4511,7 @@ const config$3 = {
   ArcGis: config$5
 };
 
-const _excluded$z = ["width", "height", "size", "name", "fill"];
+const _excluded$A = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -4520,7 +4520,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$z);
+    props = _objectWithoutProperties(_ref, _excluded$A);
   const conf = config$3[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -4809,7 +4809,7 @@ createCommonjsModule(function (module, exports) {
 !function(e,n){module.exports=n();}(commonjsGlobal,(function(){return {name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var n=["th","st","nd","rd"],t=e%100;return "["+e+(n[(t-20)%10]||n[t]||n[0])+"]"}}}));
 });
 
-const _excluded$y = ["view", "module", "scope", "form", "meta", "createdAt", "updatedAt"];
+const _excluded$z = ["view", "module", "scope", "form", "meta", "createdAt", "updatedAt"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -5185,7 +5185,7 @@ const filterCreateData = data => {
       createdAt,
       updatedAt
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$y);
+    rest = _objectWithoutProperties(data, _excluded$z);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -5581,7 +5581,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$x = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
+const _excluded$y = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
 function DAFTable(_ref) {
   let {
       columns = [],
@@ -5612,7 +5612,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$x);
+    rest = _objectWithoutProperties(_ref, _excluded$y);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -6757,7 +6757,7 @@ function ComponentWithFocus(_ref) {
 }
 
 var _templateObject$d;
-const _excluded$w = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
+const _excluded$x = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
       size = "small",
@@ -6768,7 +6768,7 @@ function StickyTable(_ref) {
       pagination = false,
       doEmptyRows = true
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$w);
+    props = _objectWithoutProperties(_ref, _excluded$x);
   const data = React__default["default"].useMemo(() => {
     if (!doEmptyRows) {
       return dataSource;
@@ -7264,7 +7264,7 @@ const BTN_SIZE = {
   LG: 'large'
 };
 
-const _excluded$v = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
+const _excluded$w = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
 function DafButton(_ref) {
   let {
       content = '',
@@ -7278,7 +7278,7 @@ function DafButton(_ref) {
       style = {},
       className = ''
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$v);
+    restProps = _objectWithoutProperties(_ref, _excluded$w);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
     icon: icon,
     type: type,
@@ -7397,12 +7397,12 @@ const Style$J = dt.div`
   }
 `;
 
-const _excluded$u = ["children"];
+const _excluded$v = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$v);
   return /*#__PURE__*/jsxRuntime.jsx(Style$J, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -7542,12 +7542,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$t = ["icon"];
+const _excluded$u = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$t);
+    props = _objectWithoutProperties(_ref, _excluded$u);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -7866,7 +7866,7 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$s = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$t = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$n
 } = antd.theme;
@@ -7959,7 +7959,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$s);
+    restProps = _objectWithoutProperties(_ref, _excluded$t);
   const {
     token
   } = useToken$n();
@@ -8678,7 +8678,7 @@ DAFHeader.propTypes = {
   filtersConfig: PropTypes__default["default"].any
 };
 
-const _excluded$r = ["tabs", "onChange", "value", "className"];
+const _excluded$s = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -8686,7 +8686,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$r);
+    rest = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -8783,7 +8783,7 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const _excluded$q = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const _excluded$r = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
 const useFooter = _ref => {
   let {
     leftContent,
@@ -8818,7 +8818,7 @@ const useFooter = _ref => {
                 style = {},
                 className = ""
               } = button,
-              restProps = _objectWithoutProperties(button, _excluded$q);
+              restProps = _objectWithoutProperties(button, _excluded$r);
             return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
@@ -11725,7 +11725,7 @@ Widget.propTypes = {
 };
 Widget.displayName = 'Widget';
 
-const _excluded$p = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText", "isPdf"];
+const _excluded$q = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText", "isPdf"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -11736,7 +11736,7 @@ function ImageWidget(_ref) {
       noDescriptionText,
       isPdf = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$p);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   const expandable = isPdf ? false : props.expandable;
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
@@ -11796,7 +11796,7 @@ function ImageWidget(_ref) {
 ImageWidget.displayName = 'ImageWidget';
 
 var _templateObject$a;
-const _excluded$o = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$p = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -11808,7 +11808,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$o);
+    rest = _objectWithoutProperties(_ref, _excluded$p);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -14876,7 +14876,7 @@ Map$3.propTypes = {
   nameAsSiderTitle: PropTypes__default["default"].bool
 };
 
-const _excluded$n = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
+const _excluded$o = ["isExpanded", "shouldRenderMap", "renderKey", "title", "loading", "t", "user", "data", "height", "widgetConfig"];
 function InExpandableWidgetMap(_ref) {
   let {
       isExpanded,
@@ -14890,7 +14890,7 @@ function InExpandableWidgetMap(_ref) {
       height,
       widgetConfig
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$n);
+    rest = _objectWithoutProperties(_ref, _excluded$o);
   const [mapKey, setMapKey] = React.useState(0);
   const [isMapReady, setIsMapReady] = React.useState(false);
   React.useEffect(() => {
@@ -17090,14 +17090,14 @@ const MapConfig = ({
   });
 };
 
-const _excluded$m = ["config", "title", "loading"];
+const _excluded$n = ["config", "title", "loading"];
 const Details = _ref => {
   let {
       config = [],
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$m);
+    rest = _objectWithoutProperties(_ref, _excluded$n);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header card",
     loading: loading,
@@ -17113,14 +17113,14 @@ const Details = _ref => {
   }));
 };
 
-const _excluded$l = ["config", "title", "loading"];
+const _excluded$m = ["config", "title", "loading"];
 const KeyIndicatorsDetails = _ref => {
   let {
       config,
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$l);
+    rest = _objectWithoutProperties(_ref, _excluded$m);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header",
     title: title,
@@ -17150,7 +17150,7 @@ const Style$z = dt.div`
     }    
 `;
 
-const _excluded$k = ["children", "config", "detailsTitle", "firstColumnWidth"];
+const _excluded$l = ["children", "config", "detailsTitle", "firstColumnWidth"];
 const DetailsSection = _ref => {
   let {
       children,
@@ -17158,7 +17158,7 @@ const DetailsSection = _ref => {
       detailsTitle,
       firstColumnWidth = "250px"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$k);
+    rest = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/jsxRuntime.jsx(Style$z, {
     firstColumnWidth: firstColumnWidth,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -17334,14 +17334,14 @@ const getGoalConfig = () => {
 };
 
 var _templateObject$9;
-const _excluded$j = ["title", "activeSdgGoals", "t"];
+const _excluded$k = ["title", "activeSdgGoals", "t"];
 function SDGWidget(_ref) {
   let {
       title = "Sustainable Development Goals",
       activeSdgGoals = [],
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   const sdgConfig = getGoalConfig();
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     title: title,
@@ -17639,7 +17639,7 @@ function SdgList({
   });
 }
 
-const _excluded$i = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
+const _excluded$j = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
 const {
   Meta
 } = antd.Card;
@@ -17659,7 +17659,7 @@ function ProjectWidget(_ref) {
       hideSDGList = false,
       t = x => x
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$i);
+    props = _objectWithoutProperties(_ref, _excluded$j);
   const [isHovered, setIsHovered] = React__default["default"].useState(false);
   const {
     token
@@ -17931,13 +17931,13 @@ const WidgetCard = _ref => {
   });
 };
 
-const _excluded$h = ["title", "children"];
+const _excluded$i = ["title", "children"];
 const CarouselWidget = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       title,
       children
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$h);
+    rest = _objectWithoutProperties(_ref, _excluded$i);
   /**
    * Handles carousel slide change events
    * @param {number} currentSlide - The index of the current slide after change
@@ -18058,7 +18058,7 @@ const StyledCarouselWrapper = dt.div`
 
 `;
 
-const _excluded$g = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows"];
+const _excluded$h = ["title", "images", "height", "fallback", "activeDotColor", "inactiveDotColor", "arrowIconColor", "arrowHoverIconColor", "customArrows"];
 function ImageCarousel(_ref) {
   let {
       title,
@@ -18071,7 +18071,7 @@ function ImageCarousel(_ref) {
       arrowHoverIconColor = "#1890ff",
       customArrows = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$g);
+    rest = _objectWithoutProperties(_ref, _excluded$h);
   const [previewVisible, setPreviewVisible] = React.useState(false);
   const [current, setCurrent] = React.useState(0);
   const carouselRef = React.useRef(null);
@@ -23419,7 +23419,7 @@ const RepeatableModals = ({
   }) : null;
 };
 
-const _excluded$f = ["viewGroup"],
+const _excluded$g = ["viewGroup"],
   _excluded2 = ["label", "icon", "position"];
 const Content = _ref => {
   let {
@@ -23488,7 +23488,7 @@ const Content = _ref => {
       if (groups[gKey].viewGroup === key) {
         // eslint-disable-next-line no-unused-vars
         const _groups$gKey = groups[gKey],
-          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$f);
+          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$g);
         items[gKey] = gCfg;
       }
       return items;
@@ -39718,7 +39718,7 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
   });
 };
 
-const _excluded$e = ["icon"];
+const _excluded$f = ["icon"];
 function DynamicForm(_ref) {
   var _data$meta;
   let {
@@ -40308,7 +40308,7 @@ function DynamicForm(_ref) {
           let {
               icon: Icon
             } = _ref3,
-            form = _objectWithoutProperties(_ref3, _excluded$e);
+            form = _objectWithoutProperties(_ref3, _excluded$f);
           return /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
             type: "link",
             size: "large",
@@ -40523,7 +40523,7 @@ const Navigation = _ref => {
   }) : null;
 };
 
-const SelectStyle = dt.div`
+const StyledSelect = dt(antd.Select)`
   width: 100%;
   
   .ant-select-arrow {
@@ -40531,6 +40531,7 @@ const SelectStyle = dt.div`
   }
 `;
 
+const _excluded$e = ["onChange", "value"];
 function AuthForm(_ref) {
   var _steps$currentStep;
   let {
@@ -40630,7 +40631,6 @@ function AuthForm(_ref) {
     });
   };
   const renderField = field => {
-    var _field$options;
     let inputNode = null;
     switch (field.type) {
       case "input":
@@ -40652,17 +40652,20 @@ function AuthForm(_ref) {
         }, field.props));
         break;
       case "select":
-        inputNode = /*#__PURE__*/jsxRuntime.jsx(SelectStyle, {
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
+        {
+          var _field$options;
+          const _ref3 = field.props || {},
+            restSelectProps = _objectWithoutProperties(_ref3, _excluded$e);
+          inputNode = /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread2(_objectSpread2({
             placeholder: field.placeholder
-          }, field.props), {}, {
+          }, restSelectProps), {}, {
             children: (_field$options = field.options) === null || _field$options === void 0 ? void 0 : _field$options.map(opt => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
               value: opt.value,
               children: opt.label
             }, opt.value))
-          }))
-        });
-        break;
+          }));
+          break;
+        }
       case "custom":
         inputNode = field.component;
         break;
@@ -40671,16 +40674,21 @@ function AuthForm(_ref) {
           placeholder: field.placeholder
         }, field.props));
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+    const formItemProps = {
+      key: field.name,
       name: field.name,
       label: field.label,
       rules: field.rules,
       style: {
         marginBottom: 0
-      },
-      valuePropName: field.valuePropName,
+      }
+    };
+    if (field.valuePropName && field.type !== 'select') {
+      formItemProps.valuePropName = field.valuePropName;
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, _objectSpread2(_objectSpread2({}, formItemProps), {}, {
       children: inputNode
-    }, field.name);
+    }));
   };
   const handleValuesChange = changedValues => {
     const changedFieldNames = Object.keys(changedValues);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.652",
+	"version": "0.6.654",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/public/assets/images/applications/wazi-logo-big.svg

@@ -0,0 +1,4 @@
+<svg width="121" height="26" viewBox="0 0 121 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5002 0.365234C19.4038 0.365235 25.0002 5.96168 25.0002 12.8652C25.0002 19.4287 19.9411 24.8109 13.51 25.3252C13.1459 25.3598 12.7789 25.3779 12.4104 25.3799H12.1057C5.42413 25.3799 0.00725336 19.9638 0.00708008 13.2822C0.00254931 13.1439 0.000244172 13.0047 0.000244141 12.8652C0.000244141 5.96168 5.59669 0.365234 12.5002 0.365234ZM12.1643 5.69238C8.5357 5.69238 5.65759 8.83226 5.65747 12.624V13.8604C5.65747 17.6522 8.53562 20.792 12.1643 20.792C15.7927 20.7917 18.6711 17.652 18.6711 13.8604V12.624C18.671 8.83245 15.7926 5.69271 12.1643 5.69238ZM12.1643 6.79199C15.115 6.79232 17.5704 9.36741 17.5706 12.624V13.8604C17.5706 17.1171 15.1151 19.6921 12.1643 19.6924C9.21325 19.6924 6.75708 17.1173 6.75708 13.8604V12.624C6.7572 9.3672 9.21333 6.79199 12.1643 6.79199ZM11.762 9.77441L8.86157 12.8818L8.51099 13.2578L8.86157 13.6328L11.762 16.7402L12.1643 17.1709L12.5667 16.7402L15.467 13.6328L15.8176 13.2578L15.467 12.8818L12.5667 9.77441L12.1643 9.34375L11.762 9.77441ZM13.7981 13.8076L12.1633 15.5576L10.5295 13.8076H13.7981ZM13.7981 12.707H10.5295L12.1633 10.9561L13.7981 12.707Z" fill="#9C7C40"/>
+<path d="M48.2969 8.0332L43.4805 25.3652H38.4707L31.7559 0H37.2578L41.248 18.3691H41.3887L46.1348 0H50.6172L55.3633 18.3691H55.5039L59.5117 0H65.0137L58.2812 25.3652H53.2715L48.4551 8.0332H48.2969ZM82.0996 25.3652L80.166 19.2129H71.2539L69.3203 25.3652H63.8711L72.6777 0H78.918L87.7422 25.3652H82.0996ZM75.6484 4.85156L72.3965 15.2402H79.0234L75.7715 4.85156H75.6484ZM89.7988 25.3652V21.9023L102.684 4.51758V4.37695H90.0977V0H109.029V3.44531L96.1973 20.8477V20.9707H109.381V25.3652H89.7988ZM118.363 25.3652H113.055V0H118.363V25.3652Z" fill="#2D2D35"/>
+</svg>

package/public/assets/images/applications/wazi-logo-small.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5002 0C19.4038 2.39999e-07 25.0002 5.59644 25.0002 12.5C25.0002 19.0635 19.9411 24.4456 13.51 24.96C13.1459 24.9946 12.7789 25.0126 12.4104 25.0146H12.1057C5.42413 25.0146 0.00725336 19.5985 0.00708008 12.917C0.00254931 12.7787 0.000244172 12.6394 0.000244141 12.5C0.000244141 5.59644 5.59669 0 12.5002 0ZM12.1643 5.32715C8.5357 5.32715 5.65759 8.46702 5.65747 12.2588V13.4951C5.65747 17.287 8.53562 20.4268 12.1643 20.4268C15.7927 20.4264 18.6711 17.2868 18.6711 13.4951V12.2588C18.671 8.46722 15.7926 5.32748 12.1643 5.32715ZM12.1643 6.42676C15.115 6.42709 17.5704 9.00217 17.5706 12.2588V13.4951C17.5706 16.7518 15.1151 19.3268 12.1643 19.3271C9.21325 19.3271 6.75708 16.7521 6.75708 13.4951V12.2588C6.7572 9.00197 9.21333 6.42676 12.1643 6.42676ZM11.762 9.40918L8.86157 12.5166L8.51099 12.8926L8.86157 13.2676L11.762 16.375L12.1643 16.8057L12.5667 16.375L15.467 13.2676L15.8176 12.8926L15.467 12.5166L12.5667 9.40918L12.1643 8.97852L11.762 9.40918ZM13.7981 13.4424L12.1633 15.1924L10.5295 13.4424H13.7981ZM13.7981 12.3418H10.5295L12.1633 10.5908L13.7981 12.3418Z" fill="#9C7C40"/>
+</svg>

package/src/@daf/core/components/AuthForm/AuthForm.stories.js

@@ -168,6 +168,14 @@ export const CompleteForm = {
     },
 };
 
+const legalFormOptions = [
+    { value: 'privateCompany', label: 'Private Limited Company' },
+    { value: 'publicCompany', label: 'Public limited company' },
+    { value: 'stockCompany', label: 'Simplified joint stock company' },
+    { value: 'stateOwnedCompany', label: 'State-owned company' },
+    { value: 'cooperative', label: 'Cooperative' },
+  ]
+
 export const MultiStepForm = {
     name: "Multi-Step Form",
     args: {
@@ -222,6 +230,20 @@ export const MultiStepForm = {
                         placeholder: "Confirm your password",
                         required: true,
                     },
+                    {
+                        name: "organisationLegalForm",
+                        label: "Organisation Legal Form",
+                        type: "select",
+                        placeholder: "Select legal form",
+                        options: legalFormOptions,  // Should be [{value: "...", label: "..."}, ...]
+                        required: true,
+                        rules: [
+                          {
+                            required: true,
+                            message: "Organisation legal form should not be empty"
+                          },
+                        ]
+                    }
                 ],
             },
             {

package/src/@daf/core/components/AuthForm/index.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from "react";
 import { Form, Input, Select } from "antd";
 import BorderedButton from "../Button/BorderedButton/index.jsx";
-import { SelectStyle } from "./style";
+import { StyledSelect } from "./style";
 
 function AuthForm ({
   steps,
@@ -130,19 +130,23 @@ function AuthForm ({
       case "textarea":
         inputNode = <Input.TextArea placeholder={field.placeholder} {...field.props} />;
         break;
-      case "select":
+      case "select": {
+        const { onChange: fieldOnChange, value: fieldValue, ...restSelectProps } = field.props || {};
+        
         inputNode = (
-          <SelectStyle>
-            <Select placeholder={field.placeholder} {...field.props}>
-              {field.options?.map((opt) => (
-                <Select.Option key={opt.value} value={opt.value}>
-                  {opt.label}
-                </Select.Option>
-              ))}
-            </Select>
-          </SelectStyle>
+          <StyledSelect 
+            placeholder={field.placeholder}
+            {...restSelectProps}
+          >
+            {field.options?.map((opt) => (
+              <Select.Option key={opt.value} value={opt.value}>
+                {opt.label}
+              </Select.Option>
+            ))}
+          </StyledSelect>
         );
         break;
+      }
       case "custom":
         inputNode = field.component;
         break;
@@ -150,15 +154,19 @@ function AuthForm ({
         inputNode = <Input placeholder={field.placeholder} {...field.props} />;
     }
 
+    const formItemProps = {
+      key: field.name,
+      name: field.name,
+      label: field.label,
+      rules: field.rules,
+      style: { marginBottom: 0 }
+    };
+    if (field.valuePropName && field.type !== 'select') {
+      formItemProps.valuePropName = field.valuePropName;
+    }
+
     return (
-      <Form.Item 
-        key={field.name} 
-        name={field.name} 
-        label={field.label} 
-        rules={field.rules} 
-        style={{ marginBottom: 0 }}
-        valuePropName={field.valuePropName}
-      >
+      <Form.Item {...formItemProps}>
         {inputNode}
       </Form.Item>
     );

package/src/@daf/core/components/AuthForm/style.js

@@ -1,6 +1,7 @@
 import styled from "styled-components";
+import { Select } from "antd";
 
-export const SelectStyle = styled.div`
+export const StyledSelect = styled(Select)`
   width: 100%;
   
   .ant-select-arrow {