infinity-forge 12.6.0 → 12.6.2
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/dist/ui/components/form/input-switch/index.js +13 -6
- package/dist/ui/components/form/input-switch/index.js.map +1 -1
- package/dist/ui/components/next-image/index.d.ts +1 -1
- package/dist/ui/components/next-image/index.js +2 -2
- package/dist/ui/components/next-image/index.js.map +1 -1
- package/dist/ui/components/next-image/interfaces.d.ts +2 -0
- package/package.json +1 -1
|
@@ -50,13 +50,11 @@ var formik_1 = require("formik");
|
|
|
50
50
|
var ui_1 = require("../../../../ui/index.js");
|
|
51
51
|
var input_control_1 = require("../input-control/index.js");
|
|
52
52
|
var S = __importStar(require("./styles.js"));
|
|
53
|
+
var react_1 = require("react");
|
|
53
54
|
function InputSwitch(props) {
|
|
54
55
|
var _a, _b;
|
|
55
56
|
var formikContext = (0, formik_1.useFormikContext)();
|
|
56
57
|
var _c = (0, formik_1.useField)({ name: props.name, type: 'checkbox' }), field = _c[0], state = _c[1], utils = _c[2];
|
|
57
|
-
var initialIsUndefined = (0, formik_1.getIn)(formikContext.initialValues, props.name) === undefined;
|
|
58
|
-
var currentIsUndefined = (field === null || field === void 0 ? void 0 : field.value) === undefined;
|
|
59
|
-
var isChecked = initialIsUndefined && currentIsUndefined ? props.defaultActive : field.value;
|
|
60
58
|
var htmlFor = props.name + (props.checkbox_key || '');
|
|
61
59
|
var Style = (function () {
|
|
62
60
|
switch (props.design) {
|
|
@@ -67,9 +65,18 @@ function InputSwitch(props) {
|
|
|
67
65
|
}
|
|
68
66
|
})();
|
|
69
67
|
var isIconAlternative = ((_a = props.inputSwitchCheckbox) === null || _a === void 0 ? void 0 : _a.valueIsTrue.Icon) || ((_b = props.inputSwitchCheckbox) === null || _b === void 0 ? void 0 : _b.valueIsFalse.Icon);
|
|
70
|
-
|
|
68
|
+
(0, react_1.useEffect)(function () {
|
|
69
|
+
if (props.defaultActive) {
|
|
70
|
+
var initialIsUndefined = (0, formik_1.getIn)(formikContext.initialValues, props.name) === undefined;
|
|
71
|
+
var currentIsUndefined = (field === null || field === void 0 ? void 0 : field.value) === undefined;
|
|
72
|
+
var isChecked = initialIsUndefined && currentIsUndefined ? props.defaultActive : field.value;
|
|
73
|
+
utils.setValue(isChecked);
|
|
74
|
+
}
|
|
75
|
+
}, []);
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)(Style, { className: "".concat(isIconAlternative && 'icon-alternative'), children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { i18n: { disabled: true }, children: [(0, jsx_runtime_1.jsx)("input", __assign({ readOnly: props.readOnly, type: 'checkbox', id: htmlFor }, field, { checked: field.value, onChange: function (ev) {
|
|
71
77
|
utils.setValue(ev.target.checked);
|
|
72
|
-
props.onChangeInput &&
|
|
73
|
-
|
|
78
|
+
props.onChangeInput &&
|
|
79
|
+
props.onChangeInput(ev.target.checked, function () { }, { state: state, utils: utils }, undefined, formikContext);
|
|
80
|
+
}, className: "custom-checkbox ".concat(props.design === 'checkbox' ? 'checkbox-design' : '') })), (0, jsx_runtime_1.jsx)("label", { style: field.value ? { background: props.color || '#444' } : {}, className: "custom-checkbox-label ".concat(field.value ? 'checked' : ''), htmlFor: htmlFor, children: props.design === 'checkbox' ? ((0, jsx_runtime_1.jsx)("span", { className: 'checkbox-mark', children: props.inputSwitchCheckbox ? (field.value ? ((0, jsx_runtime_1.jsx)(props.inputSwitchCheckbox.valueIsTrue.Icon, {})) : ((0, jsx_runtime_1.jsx)(props.inputSwitchCheckbox.valueIsFalse.Icon, {}))) : (field.value && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked' })) })) : (field.value && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked' })) })] })) }));
|
|
74
81
|
}
|
|
75
82
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { NextImageProps } from './interfaces.js';
|
|
2
|
-
export declare function NextImage({ src, srcMobile, alt, forceLoading }: NextImageProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function NextImage({ src, srcMobile, style, alt, className, forceLoading }: NextImageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -40,11 +40,11 @@ var error_boundary_1 = require("../error-boundary/index.js");
|
|
|
40
40
|
var loader_circle_1 = require("../loader-circle/index.js");
|
|
41
41
|
var S = __importStar(require("./styles.js"));
|
|
42
42
|
function NextImage(_a) {
|
|
43
|
-
var src = _a.src, srcMobile = _a.srcMobile, alt = _a.alt, forceLoading = _a.forceLoading;
|
|
43
|
+
var src = _a.src, srcMobile = _a.srcMobile, style = _a.style, alt = _a.alt, className = _a.className, forceLoading = _a.forceLoading;
|
|
44
44
|
var _b = (0, react_1.useState)(false), error = _b[0], setError = _b[1];
|
|
45
45
|
var imageError = '/images/default-image.png';
|
|
46
46
|
var imageDesktop = error ? imageError : src ? src : imageError;
|
|
47
47
|
var imageMobile = error ? imageError : srcMobile ? srcMobile : imageDesktop;
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'next-image', children: (0, jsx_runtime_1.jsx)(S.Image, { children: forceLoading ? ((0, jsx_runtime_1.jsx)(loader_circle_1.LoaderCircle, { size: 30, color: '#fff' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { alt: alt || src, src: imageDesktop, className: 'desktop', onError: function () { return setError(true); } }), (0, jsx_runtime_1.jsx)("img", { alt: alt || src, src: imageMobile, className: 'mobile', onError: function () { return setError(true); } })] })) }) }));
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'next-image', children: (0, jsx_runtime_1.jsx)(S.Image, { children: forceLoading ? ((0, jsx_runtime_1.jsx)(loader_circle_1.LoaderCircle, { size: 30, color: '#fff' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { alt: alt || src, src: imageDesktop, style: style, className: 'desktop' + " " + className, onError: function () { return setError(true); } }), (0, jsx_runtime_1.jsx)("img", { alt: alt || src, src: imageMobile, style: style, className: 'mobile' + " " + className, onError: function () { return setError(true); } })] })) }) }));
|
|
49
49
|
}
|
|
50
50
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/next-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,8BAsBC;;AA/BD,+BAAgC;AAEhC,oDAAyC;AACzC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/next-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,8BAsBC;;AA/BD,+BAAgC;AAEhC,oDAAyC;AACzC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAAuE;QAArE,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA;IACvE,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IAEzC,IAAM,UAAU,GAAG,2BAA2B,CAAA;IAC9C,IAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;IACjE,IAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAA;IAE7E,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,CAAC,CAAC,KAAK,cACL,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,4BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,6DACE,gCAAK,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,SAAS,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,GAAI,EAEhI,gCAAK,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,GAAG,GAAG,GAAG,SAAS,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,GAAI,IAC7H,CACJ,GACO,GACJ,CACT,CAAA;AACH,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CSSProperties } from "react";
|
|
1
2
|
export interface NextImageProps {
|
|
2
3
|
alt?: string;
|
|
3
4
|
onClick?: () => void;
|
|
@@ -5,4 +6,5 @@ export interface NextImageProps {
|
|
|
5
6
|
forceLoading?: boolean;
|
|
6
7
|
src: string | undefined;
|
|
7
8
|
srcMobile?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
8
10
|
}
|