@vnejs/plugins.view.coralina.settings.defaults 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.view.coralina.settings.defaults",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/view/index.jsx

@@ -1,7 +1,7 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { createRoot } from "react-dom/client";
 
-import { Flex, Text, Screen, Settings, PositionBox } from "@vnejs/uis.base";
+import { Flex, Text, Screen, Settings, PositionBox } from "@vnejs/uis.react";
 
 const SettingsDefaults = ({ store, onMount, ...props } = {}) => {
   const [{ isShow = false, locs = {}, tab = {}, bgSrc = "" }, setState] = useState({});
@@ -23,27 +23,19 @@ const SettingsDefaults = ({ store, onMount, ...props } = {}) => {
 
   const settings = useMemo(() => (tab.fields ? tab.fields.map(mapFields) : []), [tab, mapFields]);
 
-  const propsTitle = useMemo(() => ({ ...props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS.title, text: locs[tab.titleLocKey] }), [locs, tab]);
-  const propsSettings = useMemo(() => ({ ...props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS.settings, settings }), [settings]);
-  const propsAccept = useMemo(
-    () => ({ ...props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS.accept, text: locs[tab.acceptLocKey], onClick: onAccept }),
-    [locs, tab],
-  );
+  const propsByView = props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS;
+
+  const propsScreen = useMemo(() => ({ ...propsByView.screen, isShow, bgSrc }), [isShow, bgSrc]);
+  const propsTitle = useMemo(() => ({ ...propsByView.title, text: locs[tab.titleLocKey] }), [locs, tab]);
+  const propsSettings = useMemo(() => ({ ...propsByView.settings, settings, selectedIndex: 0, selectedIndexInner: 0 }), [settings]);
+  const propsAccept = useMemo(() => ({ ...propsByView.accept, text: locs[tab.acceptLocKey], onClick: onAccept }), [locs, tab]);
 
   return (
-    <Screen
-      {...props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS.screen}
-      isShow={isShow}
-      bgSrc={bgSrc}
-    >
-      <PositionBox {...props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS.position}>
-        <Flex {...props.PARAMS.SETTINGS_DEFAULTS_VIEW.VIEW_PROPS.flex}>
+    <Screen {...propsScreen}>
+      <PositionBox {...propsByView.position}>
+        <Flex {...propsByView.flex}>
           <Text {...propsTitle} />
-          <Settings
-            {...propsSettings}
-            selectedIndex={0}
-            selectedIndexInner={0}
-          />
+          <Settings {...propsSettings} />
           <Text {...propsAccept} />
         </Flex>
       </PositionBox>