@m4l/components 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Icon/index.js +0 -3
- package/components/Page/index.js +11 -2
- package/components/Resizeable/styles.d.ts +1 -1
- package/components/hook-form/FormProvider/index.js +5 -1
- package/components/hook-form/RHFAutocompleteAsync/index.js +1 -1
- package/core-js.js +13 -8
- package/package.json +1 -1
- package/vendor.js +1 -4
package/components/Icon/index.js
CHANGED
|
@@ -56,10 +56,8 @@ function Icon(props) {
|
|
|
56
56
|
)?.toString() || "";
|
|
57
57
|
if (mounted) {
|
|
58
58
|
setResource(window.btoa(xml));
|
|
59
|
-
console.log("value icon set resource", resource);
|
|
60
59
|
}
|
|
61
60
|
}).catch((_err) => {
|
|
62
|
-
console.log("error icon", _err);
|
|
63
61
|
});
|
|
64
62
|
})();
|
|
65
63
|
return function clenUp() {
|
|
@@ -67,7 +65,6 @@ function Icon(props) {
|
|
|
67
65
|
};
|
|
68
66
|
}, [src]);
|
|
69
67
|
const placeHolder = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==";
|
|
70
|
-
console.log("value for getColor", getPaletteColor(theme.palette, "error.main"));
|
|
71
68
|
return /* @__PURE__ */ jsx(WrapperPlaceHolder, {
|
|
72
69
|
id: "IconReact",
|
|
73
70
|
children: resource ? /* @__PURE__ */ jsx(DivIcon, {
|
package/components/Page/index.js
CHANGED
|
@@ -2,21 +2,30 @@ import { forwardRef } from "react";
|
|
|
2
2
|
import { Helmet } from "react-helmet-async";
|
|
3
3
|
import { Box } from "@mui/material";
|
|
4
4
|
import { useLocales } from "@m4l/graphics";
|
|
5
|
+
import { useDomain, useEnvironment } from "@m4l/core";
|
|
5
6
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
6
7
|
const Page = forwardRef((props, ref) => {
|
|
7
8
|
const {
|
|
8
9
|
children,
|
|
9
|
-
title
|
|
10
|
+
title,
|
|
10
11
|
meta,
|
|
11
12
|
...other
|
|
12
13
|
} = props;
|
|
13
14
|
const {
|
|
14
15
|
currentLang
|
|
15
16
|
} = useLocales();
|
|
17
|
+
const {
|
|
18
|
+
name: domain_name,
|
|
19
|
+
isLoaded
|
|
20
|
+
} = useDomain();
|
|
21
|
+
const {
|
|
22
|
+
domain_token
|
|
23
|
+
} = useEnvironment();
|
|
24
|
+
const finalTitle = title ? `${title} |` : "";
|
|
16
25
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
17
26
|
children: [/* @__PURE__ */ jsxs(Helmet, {
|
|
18
27
|
children: [/* @__PURE__ */ jsx("title", {
|
|
19
|
-
children: `${
|
|
28
|
+
children: `${finalTitle}${isLoaded ? domain_name : domain_token}`
|
|
20
29
|
}), /* @__PURE__ */ jsx("html", {
|
|
21
30
|
lang: currentLang.value
|
|
22
31
|
}), meta]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ResizableBox } from 'react-resizable';
|
|
3
|
-
export declare const WrapperResizeable: import("@emotion/styled").StyledComponent<import("react-resizable").
|
|
3
|
+
export declare const WrapperResizeable: import("@emotion/styled").StyledComponent<import("react-resizable").ResizableBoxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
|
|
4
4
|
ref?: import("react").Ref<ResizableBox> | undefined;
|
|
5
5
|
}>;
|
|
@@ -3,8 +3,12 @@ import { useForm, FormProvider as FormProvider$1 } from "react-hook-form";
|
|
|
3
3
|
import { o } from "../../../node_modules.js";
|
|
4
4
|
import { styled } from "@mui/material/styles";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
const WrapperFormProvider = styled("form")((
|
|
6
|
+
const WrapperFormProvider = styled("form")(({
|
|
7
|
+
theme
|
|
8
|
+
}) => ({
|
|
7
9
|
display: "flex",
|
|
10
|
+
paddingTop: theme.spacing(1),
|
|
11
|
+
marginBottom: theme.spacing(1),
|
|
8
12
|
flexDirection: "column",
|
|
9
13
|
width: "100%",
|
|
10
14
|
overflow: "scroll"
|
|
@@ -151,7 +151,7 @@ function RHFAutocompleteAsync(props) {
|
|
|
151
151
|
},
|
|
152
152
|
loading,
|
|
153
153
|
loadingText: "",
|
|
154
|
-
noOptionsText: getLabel("component_no_options"),
|
|
154
|
+
noOptionsText: getLabel("rhf_autocomplete.component_no_options"),
|
|
155
155
|
renderInput: (params) => {
|
|
156
156
|
return /* @__PURE__ */ jsx(TextField, {
|
|
157
157
|
...params,
|
package/core-js.js
CHANGED
|
@@ -207,10 +207,10 @@ var store$2 = sharedStore;
|
|
|
207
207
|
(shared$4.exports = function(key, value) {
|
|
208
208
|
return store$2[key] || (store$2[key] = value !== void 0 ? value : {});
|
|
209
209
|
})("versions", []).push({
|
|
210
|
-
version: "3.25.
|
|
210
|
+
version: "3.25.1",
|
|
211
211
|
mode: "global",
|
|
212
212
|
copyright: "\xA9 2014-2022 Denis Pushkarev (zloirock.ru)",
|
|
213
|
-
license: "https://github.com/zloirock/core-js/blob/v3.25.
|
|
213
|
+
license: "https://github.com/zloirock/core-js/blob/v3.25.1/LICENSE",
|
|
214
214
|
source: "https://github.com/zloirock/core-js"
|
|
215
215
|
});
|
|
216
216
|
var requireObjectCoercible$4 = requireObjectCoercible$6;
|
|
@@ -1381,12 +1381,16 @@ var iteratorDefine = function(Iterable, NAME2, IteratorConstructor, next2, DEFAU
|
|
|
1381
1381
|
Iterators$3[NAME2] = defaultIterator;
|
|
1382
1382
|
return methods;
|
|
1383
1383
|
};
|
|
1384
|
+
var createIterResultObject$2 = function(value, done) {
|
|
1385
|
+
return { value, done };
|
|
1386
|
+
};
|
|
1384
1387
|
var toIndexedObject$1 = toIndexedObject$6;
|
|
1385
1388
|
var addToUnscopables = addToUnscopables$1;
|
|
1386
1389
|
var Iterators$2 = iterators;
|
|
1387
1390
|
var InternalStateModule$2 = internalState;
|
|
1388
1391
|
var defineProperty$2 = objectDefineProperty.f;
|
|
1389
1392
|
var defineIterator$1 = iteratorDefine;
|
|
1393
|
+
var createIterResultObject$1 = createIterResultObject$2;
|
|
1390
1394
|
var DESCRIPTORS$1 = descriptors;
|
|
1391
1395
|
var ARRAY_ITERATOR = "Array Iterator";
|
|
1392
1396
|
var setInternalState$2 = InternalStateModule$2.set;
|
|
@@ -1405,13 +1409,13 @@ var es_array_iterator = defineIterator$1(Array, "Array", function(iterated, kind
|
|
|
1405
1409
|
var index = state.index++;
|
|
1406
1410
|
if (!target || index >= target.length) {
|
|
1407
1411
|
state.target = void 0;
|
|
1408
|
-
return
|
|
1412
|
+
return createIterResultObject$1(void 0, true);
|
|
1409
1413
|
}
|
|
1410
1414
|
if (kind == "keys")
|
|
1411
|
-
return
|
|
1415
|
+
return createIterResultObject$1(index, false);
|
|
1412
1416
|
if (kind == "values")
|
|
1413
|
-
return
|
|
1414
|
-
return
|
|
1417
|
+
return createIterResultObject$1(target[index], false);
|
|
1418
|
+
return createIterResultObject$1([index, target[index]], false);
|
|
1415
1419
|
}, "values");
|
|
1416
1420
|
var values = Iterators$2.Arguments = Iterators$2.Array;
|
|
1417
1421
|
addToUnscopables("keys");
|
|
@@ -1449,6 +1453,7 @@ var charAt$3 = stringMultibyte.charAt;
|
|
|
1449
1453
|
var toString$3 = toString$8;
|
|
1450
1454
|
var InternalStateModule$1 = internalState;
|
|
1451
1455
|
var defineIterator = iteratorDefine;
|
|
1456
|
+
var createIterResultObject = createIterResultObject$2;
|
|
1452
1457
|
var STRING_ITERATOR = "String Iterator";
|
|
1453
1458
|
var setInternalState$1 = InternalStateModule$1.set;
|
|
1454
1459
|
var getInternalState$1 = InternalStateModule$1.getterFor(STRING_ITERATOR);
|
|
@@ -1464,10 +1469,10 @@ defineIterator(String, "String", function(iterated) {
|
|
|
1464
1469
|
var index = state.index;
|
|
1465
1470
|
var point;
|
|
1466
1471
|
if (index >= string.length)
|
|
1467
|
-
return
|
|
1472
|
+
return createIterResultObject(void 0, true);
|
|
1468
1473
|
point = charAt$3(string, index);
|
|
1469
1474
|
state.index += point.length;
|
|
1470
|
-
return
|
|
1475
|
+
return createIterResultObject(point, false);
|
|
1471
1476
|
});
|
|
1472
1477
|
var defineBuiltIn$2 = defineBuiltIn$7;
|
|
1473
1478
|
var defineBuiltIns$2 = function(target, src, options) {
|
package/package.json
CHANGED
package/vendor.js
CHANGED
|
@@ -183,7 +183,7 @@ function RHFAutocomplete(props) {
|
|
|
183
183
|
onChange(val);
|
|
184
184
|
},
|
|
185
185
|
loadingText: "",
|
|
186
|
-
noOptionsText: getLabel("component_no_options"),
|
|
186
|
+
noOptionsText: getLabel("rhf_autocomplete.component_no_options"),
|
|
187
187
|
renderInput: (params) => {
|
|
188
188
|
return /* @__PURE__ */ jsx(TextField, {
|
|
189
189
|
...params,
|
|
@@ -208,9 +208,7 @@ function RHFAutocomplete(props) {
|
|
|
208
208
|
}
|
|
209
209
|
const getPaletteColor = function(palette, s) {
|
|
210
210
|
s = s.replace(/\[(\w+)\]/g, ".$1");
|
|
211
|
-
console.log("value of s first", s, palette);
|
|
212
211
|
s = s.replace(/^\./, "");
|
|
213
|
-
console.log("value of s second", s);
|
|
214
212
|
let o = palette;
|
|
215
213
|
const a = s.split(".");
|
|
216
214
|
console.log();
|
|
@@ -218,7 +216,6 @@ const getPaletteColor = function(palette, s) {
|
|
|
218
216
|
const k = a[i];
|
|
219
217
|
if (k in o) {
|
|
220
218
|
o = o[k];
|
|
221
|
-
console.log("value of lenght", o);
|
|
222
219
|
} else {
|
|
223
220
|
return palette.action.active;
|
|
224
221
|
}
|