infinity-forge 0.44.3 → 0.44.5
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/system/presentation/components/data/select-workspace/styles.js +1 -1
- package/dist/system/presentation/components/data/select-workspace/styles.js.map +1 -1
- package/dist/ui/components/form/input-password/index.d.ts +4 -1
- package/dist/ui/components/form/input-password/index.js +9 -2
- package/dist/ui/components/form/input-password/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Item = exports.SelectWorkSpace = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.SelectWorkSpace = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n box-shadow: 0px 0px 5px 0px #00000033;\n\n [class*='-DummyInput'],\n [id*='-input'],\n #react-select-2-input {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n }\n\n [class*='-indicatorContainer'] {\n padding: 0;\n }\n\n [class*='-control'] {\n * {\n color: #fff;\n font-weight: 700;\n }\n }\n\n [id*='-listbox'] {\n > div {\n padding: 2px 10px;\n }\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n\n .title_workspace {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n max-width: 100%;\n }\n\n .subtitle {\n color: #828282;\n }\n }\n\n .circle {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n\n .item + .item {\n margin-top: 10px;\n }\n"], ["\n width: 100%;\n box-shadow: 0px 0px 5px 0px #00000033;\n\n [class*='-DummyInput'],\n [id*='-input'],\n #react-select-2-input {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n }\n\n [class*='-indicatorContainer'] {\n padding: 0;\n }\n\n [class*='-control'] {\n * {\n color: #fff;\n font-weight: 700;\n }\n }\n\n [id*='-listbox'] {\n > div {\n padding: 2px 10px;\n }\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n\n .title_workspace {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n max-width: 100%;\n }\n\n .subtitle {\n color: #828282;\n }\n }\n\n .circle {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n\n .item + .item {\n margin-top: 10px;\n }\n"])));
|
|
12
|
+
exports.SelectWorkSpace = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n box-shadow: 0px 0px 5px 0px #00000033;\n\n .input-control-workspace {\n margin-bottom: 0 !important;\n }\n\n [class*='-DummyInput'],\n [id*='-input'],\n #react-select-2-input {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n }\n\n [class*='-indicatorContainer'] {\n padding: 0;\n }\n\n [class*='-control'] {\n * {\n color: #fff;\n font-weight: 700;\n }\n }\n\n [id*='-listbox'] {\n > div {\n padding: 2px 10px;\n }\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n\n .title_workspace {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n max-width: 100%;\n }\n\n .subtitle {\n color: #828282;\n }\n }\n\n .circle {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n\n .item + .item {\n margin-top: 10px;\n }\n"], ["\n width: 100%;\n box-shadow: 0px 0px 5px 0px #00000033;\n\n .input-control-workspace {\n margin-bottom: 0 !important;\n }\n\n [class*='-DummyInput'],\n [id*='-input'],\n #react-select-2-input {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n }\n\n [class*='-indicatorContainer'] {\n padding: 0;\n }\n\n [class*='-control'] {\n * {\n color: #fff;\n font-weight: 700;\n }\n }\n\n [id*='-listbox'] {\n > div {\n padding: 2px 10px;\n }\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n\n .title_workspace {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n max-width: 100%;\n }\n\n .subtitle {\n color: #828282;\n }\n }\n\n .circle {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 30px;\n height: 30px;\n min-width: 30px;\n min-height: 30px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n\n .item + .item {\n margin-top: 10px;\n }\n"])));
|
|
13
13
|
exports.Item = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n flex-direction: row !important;\n justify-content: space-between;\n margin-top: 0 !important;\n margin-bottom: -2px;\n padding: 5px 12px !important;\n\n .content_option {\n > div {\n display: flex;\n flex-direction: column;\n gap: 3px;\n\n span {\n line-height: 1;\n display: flex;\n }\n }\n }\n\n .active_workspace {\n height: 10px;\n width: 10px;\n border-radius: 100%;\n border: 1px solid #6d6b6b;\n overflow: hidden;\n }\n\n &:hover {\n transition: 0.2s;\n background-color: ", ";\n }\n\n &.active {\n background: rgb(239 236 236 / 50%) !important;\n\n .active_workspace {\n > div {\n background-color: #6d6b6b;\n height: 100%;\n width: 100%;\n }\n }\n }\n"], ["\n align-items: center;\n flex-direction: row !important;\n justify-content: space-between;\n margin-top: 0 !important;\n margin-bottom: -2px;\n padding: 5px 12px !important;\n\n .content_option {\n > div {\n display: flex;\n flex-direction: column;\n gap: 3px;\n\n span {\n line-height: 1;\n display: flex;\n }\n }\n }\n\n .active_workspace {\n height: 10px;\n width: 10px;\n border-radius: 100%;\n border: 1px solid #6d6b6b;\n overflow: hidden;\n }\n\n &:hover {\n transition: 0.2s;\n background-color: ", ";\n }\n\n &.active {\n background: rgb(239 236 236 / 50%) !important;\n\n .active_workspace {\n > div {\n background-color: #6d6b6b;\n height: 100%;\n width: 100%;\n }\n }\n }\n"])), function (props) { return (props.$isOption ? 'rgb(245 245 245 / 29%) !important' : 'unset'); });
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mkDAAA,ggDAwF3C,KAAA;AACY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,22BAAwB,wkBA+BjC,EAA4E,8NAcnG,KAduB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAjE,CAAiE,EAcnG"}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { InputProps } from '../interfaces.js';
|
|
2
|
-
export declare function InputPassword(props:
|
|
3
|
+
export declare function InputPassword(props: {
|
|
4
|
+
onClickEye?: (setShowPassword: React.Dispatch<React.SetStateAction<boolean>>) => void;
|
|
5
|
+
} & InputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -44,12 +44,19 @@ var S = __importStar(require("./styles.js"));
|
|
|
44
44
|
function InputPassword(props) {
|
|
45
45
|
var _a = (0, react_1.useState)(false), showPassword = _a[0], setShowPassword = _a[1];
|
|
46
46
|
var _b = (0, formik_1.useField)(props.name), field = _b[0], _ = _b[1], helpers = _b[2];
|
|
47
|
+
function onClickEye() {
|
|
48
|
+
if (props.onClickEye) {
|
|
49
|
+
props.onClickEye(setShowPassword);
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
setShowPassword(!showPassword);
|
|
53
|
+
}
|
|
47
54
|
(0, react_1.useEffect)(function () {
|
|
48
55
|
if (field.value === undefined) {
|
|
49
|
-
helpers.setValue(
|
|
56
|
+
helpers.setValue('');
|
|
50
57
|
}
|
|
51
58
|
}, [field.value]);
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(S.InputPassword, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, type: showPassword ? 'text' : 'password', className: 'font-16-regular' }, props, field)), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, type: 'button', className: 'eye', onClick:
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(S.InputPassword, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, type: showPassword ? 'text' : 'password', className: 'font-16-regular' }, props, field)), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, type: 'button', className: 'eye', onClick: onClickEye, "aria-label": 'password eye', children: (0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: !showPassword ? 'IconEyeOff' : 'IconEye' }) }) })] })) }));
|
|
53
60
|
}
|
|
54
61
|
exports.InputPassword = InputPassword;
|
|
55
62
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAElD,iCAAiC;AAEjC,oCAAiC;AACjC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAElD,iCAAiC;AAEjC,oCAAiC;AACjC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAA6G;IACnI,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IAEjD,IAAA,KAAsB,IAAA,iBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,EAAzC,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAwB,CAAA;IAEhD,SAAS,UAAU;QACjB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACrB,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;YACjC,OAAM;QACR,CAAC;QAED,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,CAAC,CAAC,aAAa,cACd,wBAAC,4BAAY,eAAK,KAAK,eACrB,2CACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EAAC,iBAAiB,IACvB,KAAK,EACL,KAAK,EACT,EAEF,mCAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,UAAU,gBAAa,cAAc,YAChG,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,YAAI,IAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAI,GACpD,GACC,KACI,GACC,CACnB,CAAA;AACH,CAAC;AAvCD,sCAuCC"}
|