infinity-forge 0.44.7 → 0.45.0
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/detail-card/component.js +1 -1
- package/dist/system/presentation/components/data/detail-card/component.js.map +1 -1
- package/dist/system/presentation/components/data/notifications/index.js +2 -2
- package/dist/system/presentation/components/data/notifications/index.js.map +1 -1
- 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/system/presentation/components/layout/header/components/menu-right/messages/index.js +1 -1
- package/dist/system/presentation/components/layout/header/components/menu-right/messages/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/components/menu-right/profile/index.js +1 -1
- package/dist/system/presentation/components/layout/header/components/menu-right/profile/index.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/actions/index.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/actions/index.js.map +1 -1
- package/dist/ui/components/drop-down/index.d.ts +1 -1
- package/dist/ui/components/drop-down/index.js +2 -2
- package/dist/ui/components/drop-down/index.js.map +1 -1
- package/dist/ui/components/drop-down/interfaces.d.ts +1 -0
- package/dist/ui/components/form/input-file/file-card/index.js +1 -1
- package/dist/ui/components/form/input-file/file-card/index.js.map +1 -1
- package/dist/ui/components/tooltip/hooks/use-tool-tip.d.ts +3 -4
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js +70 -18
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map +1 -1
- package/dist/ui/components/tooltip/index.d.ts +1 -1
- package/dist/ui/components/tooltip/index.js +24 -25
- package/dist/ui/components/tooltip/index.js.map +1 -1
- package/dist/ui/components/tooltip/interfaces.d.ts +2 -1
- package/dist/ui/components/tooltip/styles.js +4 -32
- package/dist/ui/components/tooltip/styles.js.map +1 -1
- package/dist/ui/styles/reset.css +2 -0
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ function DetailCard(_a) {
|
|
|
36
36
|
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'DetailCard', children: (0, jsx_runtime_1.jsxs)(S.DetailCard, { style: { color: color, borderColor: warning ? color : '#e1e1e1' }, className: highlight ? 'highlight' : '', children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(highlight_icon_1.HighlightIcon, { icon: {
|
|
37
37
|
name: icon,
|
|
38
38
|
size: iconSize || 'regular',
|
|
39
|
-
}, color: color }), (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [title && (0, jsx_runtime_1.jsx)("span", { className: 'font-18-bold detail-title', children: title }), subTitle && (0, jsx_runtime_1.jsx)("span", { className: 'font-16-regular detail-subtitle', children: subTitle })] })] }), !action && warning && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, {
|
|
39
|
+
}, color: color }), (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [title && (0, jsx_runtime_1.jsx)("span", { className: 'font-18-bold detail-title', children: title }), subTitle && (0, jsx_runtime_1.jsx)("span", { className: 'font-16-regular detail-subtitle', children: subTitle })] })] }), !action && warning && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, content: warning === null || warning === void 0 ? void 0 : warning.message, trigger: (0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconExclamation', fill: '#E02F2F' }) }) })), (action === null || action === void 0 ? void 0 : action.type) && !warning && ((0, jsx_runtime_1.jsx)("div", { className: 'action-box', children: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', type: 'button', onClick: action === null || action === void 0 ? void 0 : action.onClick, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: action.type }) }) }))] }) }));
|
|
40
40
|
}
|
|
41
41
|
exports.DetailCard = DetailCard;
|
|
42
42
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/detail-card/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AAEjD,2BAA2C;AAI3C,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,EAAmF;QAAjF,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC7F,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,wBAAC,CAAC,CAAC,UAAU,IACX,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,EAC1D,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,aAEvC,4CACE,uBAAC,8BAAa,IACZ,IAAI,EAAE;gCACJ,IAAI,EAAE,IAAI;gCACV,IAAI,EAAE,QAAQ,IAAI,SAAS;6BAC5B,EACD,KAAK,EAAE,KAAK,GACZ,EAEF,iCAAK,SAAS,EAAC,SAAS,aACrB,KAAK,IAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,EAEnE,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,YAAE,QAAQ,GAAQ,IAC5E,IACF,EAEL,CAAC,MAAM,IAAI,OAAO,IAAI,CACrB,uBAAC,YAAO,IACN,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/detail-card/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AAEjD,2BAA2C;AAI3C,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,EAAmF;QAAjF,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC7F,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,wBAAC,CAAC,CAAC,UAAU,IACX,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,EAC1D,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,aAEvC,4CACE,uBAAC,8BAAa,IACZ,IAAI,EAAE;gCACJ,IAAI,EAAE,IAAI;gCACV,IAAI,EAAE,QAAQ,IAAI,SAAS;6BAC5B,EACD,KAAK,EAAE,KAAK,GACZ,EAEF,iCAAK,SAAS,EAAC,SAAS,aACrB,KAAK,IAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,EAEnE,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,YAAE,QAAQ,GAAQ,IAC5E,IACF,EAEL,CAAC,MAAM,IAAI,OAAO,IAAI,CACrB,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACzB,OAAO,EACL,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,GAAG,GAC1C,GAER,CACH,EAEA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,OAAO,IAAI,CAC3B,gCAAK,SAAS,EAAC,YAAY,YACzB,mCAAQ,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,YACtE,uBAAC,SAAI,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,GACpB,GACL,CACP,IACY,GACT,CACT,CAAA;AACH,CAAC;AAjDD,gCAiDC"}
|
|
@@ -102,10 +102,10 @@ function Notifications(props) {
|
|
|
102
102
|
});
|
|
103
103
|
});
|
|
104
104
|
}
|
|
105
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true,
|
|
105
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, trigger: (0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', onClick: handleOnOpen, children: [(data === null || data === void 0 ? void 0 : data.number) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }), content: (0, jsx_runtime_1.jsx)(S.Content, { children: notifications.data.length > 0 &&
|
|
106
106
|
notifications.data.map(function (notification) {
|
|
107
107
|
return (props === null || props === void 0 ? void 0 : props.CustomComponent) ? (props.CustomComponent) : ((0, jsx_runtime_1.jsx)(card_1.NotificationCard, __assign({}, notification), 'notification-card' + notification.id));
|
|
108
|
-
}) })
|
|
108
|
+
}) }) }) }) }));
|
|
109
109
|
}
|
|
110
110
|
exports.Notifications = Notifications;
|
|
111
111
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA2C;AAC3C,mCAAqH;AAErH,+BAAyC;AAGzC,2EAA4E;AAE5E,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAA0B;IAC9C,IAAA,IAAI,GAAK,IAAA,mCAA0B,GAAE,KAAjC,CAAiC;IAE7C,IAAM,aAAa,GAAG,IAAA,gCAAuB,GAAE,CAAA;IAE/C,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QACjC,OAAM;IACR,CAAC;IAED,SAAe,YAAY;;;;;;;wBACnB,mBAAmB,GAAG,MAAA,aAAa,CAAC,IAAI,0CAC1C,MAAM,CAAC,UAAC,YAAY,IAAK,OAAA,CAAC,YAAY,CAAC,MAAM,EAApB,CAAoB,EAC9C,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,EAAT,CAAS,CAAC,CAAA;wBAE7B,qBAAM,kBAAS,CAAC,GAAG,CAAsB,cAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,EAAA;;wBAAzG,SAAyG,CAAA;wBAEzG,IAAA,YAAM,EAAC,sBAAsB,CAAC,CAAA;wBAC9B,IAAA,YAAM,EAAC,yBAAyB,CAAC,CAAA;wBACjC,sBAAM;;;;KACP;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA2C;AAC3C,mCAAqH;AAErH,+BAAyC;AAGzC,2EAA4E;AAE5E,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAA0B;IAC9C,IAAA,IAAI,GAAK,IAAA,mCAA0B,GAAE,KAAjC,CAAiC;IAE7C,IAAM,aAAa,GAAG,IAAA,gCAAuB,GAAE,CAAA;IAE/C,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QACjC,OAAM;IACR,CAAC;IAED,SAAe,YAAY;;;;;;;wBACnB,mBAAmB,GAAG,MAAA,aAAa,CAAC,IAAI,0CAC1C,MAAM,CAAC,UAAC,YAAY,IAAK,OAAA,CAAC,YAAY,CAAC,MAAM,EAApB,CAAoB,EAC9C,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,EAAT,CAAS,CAAC,CAAA;wBAE7B,qBAAM,kBAAS,CAAC,GAAG,CAAsB,cAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,EAAA;;wBAAzG,SAAyG,CAAA;wBAEzG,IAAA,YAAM,EAAC,sBAAsB,CAAC,CAAA;wBAC9B,IAAA,YAAM,EAAC,yBAAyB,CAAC,CAAA;wBACjC,sBAAM;;;;KACP;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,EACL,wBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,aAC3C,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAE/C,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,IACvB,EAEd,OAAO,EACL,uBAAC,CAAC,CAAC,OAAO,cACP,aAAa,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;wBAC5B,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,YAAY;4BAClC,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAC,CAAC,CAAC,CACvB,KAAK,CAAC,eAAe,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAgB,eAAiD,YAAY,GAAvD,mBAAmB,GAAG,YAAY,CAAC,EAAE,CAAsB,CACnF;wBAJD,CAIC,CACF,GACO,GAEd,GACc,GACZ,CACT,CAAA;AACH,CAAC;AAjDD,sCAiDC"}
|
|
@@ -10,6 +10,6 @@ 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
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 {\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 {\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
|
-
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'); });
|
|
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 min-height: 10px;\n min-width: 10px;\n max-width: 10px;\n max-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 min-height: 10px;\n min-width: 10px;\n max-width: 10px;\n max-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,yjDAAA,s/CAwF3C,KAAA;AACY,QAAA,IAAI,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,yjDAAA,s/CAwF3C,KAAA;AACY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+5BAAwB,4nBAiCjC,EAA4E,8NAcnG,KAduB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAjE,CAAiE,EAcnG"}
|
package/dist/system/presentation/components/layout/header/components/menu-right/messages/index.js
CHANGED
|
@@ -30,7 +30,7 @@ var S = __importStar(require("./styles.js"));
|
|
|
30
30
|
var styles_1 = require("../styles.js");
|
|
31
31
|
var content_1 = require("./content/index.js");
|
|
32
32
|
function Messages() {
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Messages', children: (0, jsx_runtime_1.jsx)(S.Messages, { id: 'messages-btn', children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, enableHover: true,
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Messages', children: (0, jsx_runtime_1.jsx)(S.Messages, { id: 'messages-btn', children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, enableHover: true, content: (0, jsx_runtime_1.jsx)(content_1.Content, {}), trigger: (0, jsx_runtime_1.jsx)(styles_1.ActionBox, { type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldChat' }) }) }) }) }));
|
|
34
34
|
}
|
|
35
35
|
exports.Messages = Messages;
|
|
36
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/messages/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA2C;AAE3C,0CAA6B;AAC7B,oCAAqC;AACrC,qCAAmC;AAEnC,SAAgB,QAAQ;IACtB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,IAAC,EAAE,EAAC,cAAc,YAC3B,uBAAC,YAAO,IACN,WAAW,QACX,WAAW,QACX,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/messages/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA2C;AAE3C,0CAA6B;AAC7B,oCAAqC;AACrC,qCAAmC;AAEnC,SAAgB,QAAQ;IACtB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,IAAC,EAAE,EAAC,cAAc,YAC3B,uBAAC,YAAO,IACN,WAAW,QACX,WAAW,QACX,OAAO,EAAE,uBAAC,iBAAO,KAAG,EACpB,OAAO,EACL,uBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,YAGtB,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,GACvB,GAEd,GACS,GACP,CACT,CAAA;AACH,CAAC;AAnBD,4BAmBC"}
|
package/dist/system/presentation/components/layout/header/components/menu-right/profile/index.js
CHANGED
|
@@ -32,7 +32,7 @@ var S = __importStar(require("./styles.js"));
|
|
|
32
32
|
function Profile() {
|
|
33
33
|
var user = (0, system_1.useAuthAdmin)().user;
|
|
34
34
|
var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Profile', children: (0, jsx_runtime_1.jsx)(S.Profile, { id: 'profile-btn', children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, {
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Profile', children: (0, jsx_runtime_1.jsx)(S.Profile, { id: 'profile-btn', children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)(system_1.Avatar, { image: avatarImage }), enableArrow: true, content: (0, jsx_runtime_1.jsx)(content_1.Content, {}) }) }) }));
|
|
36
36
|
}
|
|
37
37
|
exports.Profile = Profile;
|
|
38
38
|
//# sourceMappingURL=index.js.map
|
package/dist/system/presentation/components/layout/header/components/menu-right/profile/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAqC;AACrC,mCAA+C;AAE/C,qCAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,OAAO;IACb,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,IAAC,EAAE,EAAC,aAAa,YACzB,uBAAC,YAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAqC;AACrC,mCAA+C;AAE/C,qCAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,OAAO;IACb,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,IAAC,EAAE,EAAC,aAAa,YACzB,uBAAC,YAAO,IAAC,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAAE,WAAW,QAAC,OAAO,EAAE,uBAAC,iBAAO,KAAG,GAAI,GAC5E,GACN,CACT,CAAA;AACH,CAAC;AAZD,0BAYC"}
|
|
@@ -98,7 +98,7 @@ function Actions(_a) {
|
|
|
98
98
|
}
|
|
99
99
|
var payload = __assign(__assign({}, ((actions === null || actions === void 0 ? void 0 : actions.edit) || {})), { tableItem: table });
|
|
100
100
|
return ((0, jsx_runtime_1.jsx)(S.Actions, { children: (0, jsx_runtime_1.jsxs)("div", { children: [actions.edit &&
|
|
101
|
-
(((_b = actions.edit) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, {
|
|
101
|
+
(((_b = actions.edit) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, content: 'Editar', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.edit.link.href(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) })) : ((0, jsx_runtime_1.jsx)(ui_1.Modal, { modal: openEdit, setModal: setOpenEdit, style: { width: '100vw', maxWidth: 512, borderRadius: 5 }, trigger: (0, jsx_runtime_1.jsx)("span", { className: 'action-button', children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, content: 'Editar', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) }) }), children: openEdit && (0, jsx_runtime_1.jsx)(ui_1.DynamicFormHandler, __assign({}, payload, { onSucess: onSuccessEdit })) }))), actions.detail && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.detail(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEye' }) }) })), actions.delete && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return actions.delete(table); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) }) })), actions.custom &&
|
|
102
102
|
actions.custom.length > 0 &&
|
|
103
103
|
actions.custom.map(function (Component, index) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, table)) }, 'custom' + index + Component.name)); })] }) }));
|
|
104
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,mDAA4B;AAE5B,2BAA+D;AAI/D,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAAyD;;QAAvD,OAAO,aAAA,EAAE,KAAK,WAAA;IAChC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,SAAe,aAAa,CAAC,IAAI;;;;4BAC/B,qBAAM,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EAAA;;wBAAnD,SAAmD,CAAA;wBAEnD,WAAW,CAAC,KAAK,CAAC,CAAA;;;;;KACnB;IAED,IAAM,OAAO,yBACR,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,EAAE,CAAC,KACxB,SAAS,EAAE,KAAK,GACjB,CAAA;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,cACR,4CACG,OAAO,CAAC,IAAI;oBACX,CAAC,CAAA,MAAA,OAAO,CAAC,IAAI,0CAAE,IAAI,EAAC,CAAC,CAAC,CACpB,uBAAC,YAAO,IACN,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { DropDownProps } from './interfaces.js';
|
|
2
|
-
export declare function DropDown({ options, trigger, position }: DropDownProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function DropDown({ options, trigger, position, closeOnClick }: DropDownProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -29,8 +29,8 @@ var error_boundary_1 = require("../error-boundary/index.js");
|
|
|
29
29
|
var tooltip_1 = require("../tooltip/index.js");
|
|
30
30
|
var S = __importStar(require("./styles.js"));
|
|
31
31
|
function DropDown(_a) {
|
|
32
|
-
var options = _a.options, trigger = _a.trigger, position = _a.position;
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'DropDown', children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: trigger, position: position,
|
|
32
|
+
var options = _a.options, trigger = _a.trigger, position = _a.position, closeOnClick = _a.closeOnClick;
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'DropDown', children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: trigger, position: position, closeOnClick: closeOnClick, content: (0, jsx_runtime_1.jsx)(S.Menu, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)(S.MenuItem, { children: option }, index)); }) }) }) }));
|
|
34
34
|
}
|
|
35
35
|
exports.DropDown = DropDown;
|
|
36
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/drop-down/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAyC;AACzC,sCAAoC;AAGpC,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/drop-down/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAyC;AACzC,sCAAoC;AAGpC,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAA2D;QAAzD,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IACjE,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,iBAAO,IACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EACL,uBAAC,CAAC,CAAC,IAAI,cACJ,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,uBAAC,CAAC,CAAC,QAAQ,cAAc,MAAM,IAAd,KAAK,CAAuB,CAC9C,EAF+B,CAE/B,CAAC,GACK,GAEX,GACI,CACT,CAAA;AACH,CAAC;AAjBD,4BAiBC"}
|
|
@@ -57,7 +57,7 @@ function FileCard(_a) {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)(S.FileCard, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(Image, {}) }), (0, jsx_runtime_1.jsx)("span", { className: 'file_name', children: formatedFileName.name }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, enableArrow: true,
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)(S.FileCard, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(Image, {}) }), (0, jsx_runtime_1.jsx)("span", { className: 'file_name', children: formatedFileName.name }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, enableArrow: true, content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)("a", { href: file.url, target: '_blank', className: 'action-button', onClick: function () { return null; }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEye' }) }) }), (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, enableArrow: true, content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return onDelete(file); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) }) }), (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableHover: true, enableArrow: true, content: 'Baixar', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'action-button', onClick: function () { return (0, ui_1.loadFile)({ FileIds: [file.id], fileName: file === null || file === void 0 ? void 0 : file.title }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }) }) })] })] }));
|
|
61
61
|
}
|
|
62
62
|
exports.FileCard = FileCard;
|
|
63
63
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2BAA8C;AAE9C,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAsF;QAApF,IAAI,UAAA,EAAE,QAAQ,cAAA;IACvC,SAAS,MAAM,CAAC,IAAY;QAC1B,IAAM,aAAa,GAAG,EAAE,CAAA;QAExB,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAM,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QAEvC,IAAM,QAAQ,GAAG,YAAY;YAC3B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC;YAC5D,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAEpC,OAAO;YACL,SAAS,EAAE,OAAO,CAAC,GAAG,EAAE;YACxB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,OAAO,CAAC,GAAG,EAAE,CAAE,CAAC,CAAC,CAAC,QAAQ;SAC/D,CAAA;IACH,CAAC;IAED,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEzC,IAAM,KAAK,GAAG;QACZ,QAAQ,gBAAgB,CAAC,SAAS,EAAE,CAAC;YACnC,KAAK,KAAK;gBACR,OAAO,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG,CAAA;YAC/C,KAAK,MAAM;gBACT,OAAO,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAAA;YAClC,KAAK,KAAK;gBACR,OAAO,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,CAAA;YACjC,KAAK,MAAM;gBACT,OAAO,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,CAAA;YACjC,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,gCAAK,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,eACT,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,KAAK,KAAG,GACL,EAEN,iCAAM,SAAS,EAAC,WAAW,YAAE,gBAAgB,CAAC,IAAI,GAAQ,EAE1D,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,YAAO,IACN,WAAW,QACX,WAAW,QACX,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function useToolTip(): {
|
|
2
|
+
export declare function useToolTip(position: any, rest: any): {
|
|
3
3
|
isOpen: boolean;
|
|
4
4
|
contentRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
5
5
|
toolTipRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
handleContentMouseLeave: () => void;
|
|
6
|
+
tooltipStyle: import("react").CSSProperties;
|
|
7
|
+
handleToggle: (state?: boolean) => void;
|
|
9
8
|
};
|
|
@@ -1,43 +1,95 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
14
|
exports.useToolTip = void 0;
|
|
4
15
|
var react_1 = require("react");
|
|
5
|
-
function useToolTip() {
|
|
16
|
+
function useToolTip(position, rest) {
|
|
6
17
|
var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
18
|
+
var _b = (0, react_1.useState)({}), tooltipStyle = _b[0], setTooltipStyle = _b[1];
|
|
7
19
|
var toolTipRef = (0, react_1.useRef)(null);
|
|
8
20
|
var contentRef = (0, react_1.useRef)(null);
|
|
9
|
-
var handleToggle = (0, react_1.useCallback)(function () {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
setIsOpen(function (prev) { return !prev; });
|
|
13
|
-
}, [isOpen]);
|
|
21
|
+
var handleToggle = (0, react_1.useCallback)(function (state) {
|
|
22
|
+
setIsOpen(function (prev) { return (typeof state === 'boolean' ? state : !prev); });
|
|
23
|
+
}, []);
|
|
14
24
|
var handleClickOutside = (0, react_1.useCallback)(function (event) {
|
|
25
|
+
var _a;
|
|
15
26
|
if (toolTipRef.current &&
|
|
16
27
|
!toolTipRef.current.contains(event.target) &&
|
|
17
|
-
contentRef.current
|
|
18
|
-
!contentRef.current.contains(event.target)) {
|
|
28
|
+
!((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
19
29
|
setIsOpen(false);
|
|
20
30
|
}
|
|
21
31
|
}, []);
|
|
22
|
-
var handleContentMouseEnter = (0, react_1.useCallback)(function () {
|
|
23
|
-
setIsOpen(true);
|
|
24
|
-
}, []);
|
|
25
|
-
var handleContentMouseLeave = (0, react_1.useCallback)(function () {
|
|
26
|
-
setIsOpen(false);
|
|
27
|
-
}, []);
|
|
28
32
|
(0, react_1.useEffect)(function () {
|
|
29
|
-
document.addEventListener('
|
|
33
|
+
document.addEventListener('click', handleClickOutside);
|
|
30
34
|
return function () {
|
|
31
|
-
document.removeEventListener('
|
|
35
|
+
document.removeEventListener('click', handleClickOutside);
|
|
32
36
|
};
|
|
33
37
|
}, [handleClickOutside]);
|
|
38
|
+
(0, react_1.useEffect)(function () {
|
|
39
|
+
var _a;
|
|
40
|
+
if (toolTipRef.current) {
|
|
41
|
+
var triggerRect = toolTipRef.current.getBoundingClientRect();
|
|
42
|
+
var contentRect = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
43
|
+
if (triggerRect && contentRect) {
|
|
44
|
+
var positions = {
|
|
45
|
+
'top-left': {
|
|
46
|
+
top: triggerRect.top - contentRect.height - 8,
|
|
47
|
+
left: triggerRect.left,
|
|
48
|
+
},
|
|
49
|
+
'top-center': {
|
|
50
|
+
top: triggerRect.top - contentRect.height - 8,
|
|
51
|
+
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2,
|
|
52
|
+
},
|
|
53
|
+
'top-right': {
|
|
54
|
+
top: triggerRect.top - contentRect.height - 8,
|
|
55
|
+
left: triggerRect.left + triggerRect.width - contentRect.width,
|
|
56
|
+
},
|
|
57
|
+
'left-center': {
|
|
58
|
+
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2,
|
|
59
|
+
left: triggerRect.left - contentRect.width - 8,
|
|
60
|
+
},
|
|
61
|
+
'right-center': {
|
|
62
|
+
top: triggerRect.top + (triggerRect.height - contentRect.height) / 2,
|
|
63
|
+
left: triggerRect.left + triggerRect.width + 8,
|
|
64
|
+
},
|
|
65
|
+
'bottom-left': {
|
|
66
|
+
top: triggerRect.top + triggerRect.height + 8,
|
|
67
|
+
left: triggerRect.left,
|
|
68
|
+
},
|
|
69
|
+
'bottom-center': {
|
|
70
|
+
top: triggerRect.top + triggerRect.height + 8,
|
|
71
|
+
left: triggerRect.left + (triggerRect.width - contentRect.width) / 2,
|
|
72
|
+
},
|
|
73
|
+
'bottom-right': {
|
|
74
|
+
top: triggerRect.top + triggerRect.height + 8,
|
|
75
|
+
left: triggerRect.left + triggerRect.width - contentRect.width,
|
|
76
|
+
},
|
|
77
|
+
auto: {
|
|
78
|
+
top: triggerRect.top + triggerRect.height + 8,
|
|
79
|
+
left: triggerRect.left + triggerRect.width - contentRect.width,
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
var _b = positions[position] || positions.auto, top_1 = _b.top, left = _b.left;
|
|
83
|
+
setTooltipStyle(__assign({ top: "".concat(top_1 + window.scrollY, "px"), left: "".concat(left + window.scrollX, "px"), position: 'absolute', zIndex: 99999999 }, rest.style));
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}, [isOpen, position, rest.style]);
|
|
34
87
|
return {
|
|
35
88
|
isOpen: isOpen,
|
|
36
89
|
contentRef: contentRef,
|
|
37
90
|
toolTipRef: toolTipRef,
|
|
91
|
+
tooltipStyle: tooltipStyle,
|
|
38
92
|
handleToggle: handleToggle,
|
|
39
|
-
handleContentMouseEnter: handleContentMouseEnter,
|
|
40
|
-
handleContentMouseLeave: handleContentMouseLeave,
|
|
41
93
|
};
|
|
42
94
|
}
|
|
43
95
|
exports.useToolTip = useToolTip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IToolTipProps } from './interfaces.js';
|
|
2
|
-
export declare function Tooltip({ trigger, content, position, enableHover, enableArrow, bgColor, ...rest }: IToolTipProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Tooltip({ trigger, content, position, enableHover, enableArrow, closeOnClick, bgColor, ...rest }: IToolTipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -44,28 +33,38 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
44
33
|
}
|
|
45
34
|
return t;
|
|
46
35
|
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
47
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
40
|
exports.Tooltip = void 0;
|
|
49
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
var react_1 = require("react");
|
|
43
|
+
var react_dom_1 = __importDefault(require("react-dom"));
|
|
50
44
|
var use_tool_tip_1 = require("./hooks/use-tool-tip.js");
|
|
51
45
|
var S = __importStar(require("./styles.js"));
|
|
52
46
|
function Tooltip(_a) {
|
|
53
|
-
var trigger = _a.trigger, content = _a.content, _b = _a.position, position = _b === void 0 ? 'auto' : _b, enableHover = _a.enableHover, enableArrow = _a.enableArrow, bgColor = _a.bgColor, rest = __rest(_a, ["trigger", "content", "position", "enableHover", "enableArrow", "bgColor"]);
|
|
54
|
-
var
|
|
55
|
-
var handleMouseEnter = function () {
|
|
56
|
-
|
|
57
|
-
|
|
47
|
+
var trigger = _a.trigger, content = _a.content, _b = _a.position, position = _b === void 0 ? 'auto' : _b, enableHover = _a.enableHover, enableArrow = _a.enableArrow, _c = _a.closeOnClick, closeOnClick = _c === void 0 ? false : _c, bgColor = _a.bgColor, rest = __rest(_a, ["trigger", "content", "position", "enableHover", "enableArrow", "closeOnClick", "bgColor"]);
|
|
48
|
+
var _d = (0, use_tool_tip_1.useToolTip)(position, rest), isOpen = _d.isOpen, toolTipRef = _d.toolTipRef, contentRef = _d.contentRef, handleToggle = _d.handleToggle, tooltipStyle = _d.tooltipStyle;
|
|
49
|
+
var handleMouseEnter = function () { return enableHover && handleToggle(true); };
|
|
50
|
+
var handleMouseLeave = function () { return enableHover && handleToggle(false); };
|
|
51
|
+
(0, react_1.useEffect)(function () {
|
|
52
|
+
var handleClickContent = function (event) {
|
|
53
|
+
if (contentRef.current && contentRef.current.contains(event.target)) {
|
|
54
|
+
handleToggle(false);
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
if (closeOnClick && isOpen) {
|
|
58
|
+
document.addEventListener('click', handleClickContent);
|
|
59
|
+
return function () {
|
|
60
|
+
document.removeEventListener('click', handleClickContent);
|
|
61
|
+
};
|
|
58
62
|
}
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
if (enableHover) {
|
|
62
|
-
handleToggle();
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
if (!trigger) {
|
|
63
|
+
}, [closeOnClick, contentRef, isOpen, handleToggle]);
|
|
64
|
+
if (!trigger)
|
|
66
65
|
return null;
|
|
67
|
-
}
|
|
68
|
-
return ((0, jsx_runtime_1.jsxs)(S.TooltipContainer, { ref: toolTipRef, onClick: !enableHover ? handleToggle : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [trigger, isOpen && (
|
|
66
|
+
var tooltipContent = isOpen && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: tooltipStyle, children: content }));
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(S.TooltipContainer, { ref: toolTipRef, onClick: !enableHover ? function () { return handleToggle(true); } : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [trigger, isOpen && react_dom_1.default.createPortal(tooltipContent, document.getElementById('__next'))] }));
|
|
69
68
|
}
|
|
70
69
|
exports.Tooltip = Tooltip;
|
|
71
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,wDAAgC;AAChC,qDAAiD;AAEjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EASR;IARd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,OAAO,aAAA,EACJ,IAAI,cARe,2FASvB,CADQ;IAED,IAAA,KAAiE,IAAA,yBAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,EAAzF,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAA+B,CAAA;IAEjG,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,IAAI,CAAC,EAAjC,CAAiC,CAAA;IAChE,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,KAAK,CAAC,EAAlC,CAAkC,CAAA;IAEjE,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;YAC3C,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC5E,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC;YAC3B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YACtD,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YAC3D,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,MAAM,IAAI,CAC/B,uBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE,UAAU,cACL,OAAO,EACjB,SAAS,EAAE,QAAQ,kBACL,WAAW,EACzB,KAAK,EAAE,YAAY,YAElB,OAAO,GACS,CACpB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,gBAAgB,IACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAC,CAAC,SAAS,EAC5D,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,OAAO,EACP,MAAM,IAAI,mBAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,IAChE,CACtB,CAAA;AACH,CAAC;AAvDD,0BAuDC"}
|
|
@@ -53,37 +53,9 @@ var getArrowStyles = function (position, $bgColor) {
|
|
|
53
53
|
return '';
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n top: calc(-100% - 8px);\n left: 0;\n "], ["\n top: calc(-100% - 8px);\n left: 0;\n "])));
|
|
60
|
-
case 'top-center':
|
|
61
|
-
return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n "], ["\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n "])));
|
|
62
|
-
case 'top-right':
|
|
63
|
-
return (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n bottom: calc(100% + 8px);\n right: 0;\n "], ["\n bottom: calc(100% + 8px);\n right: 0;\n "])));
|
|
64
|
-
case 'left-center':
|
|
65
|
-
return (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n top: 50%;\n transform: translateY(-50%);\n right: calc(100% + 8px);\n "], ["\n top: 50%;\n transform: translateY(-50%);\n right: calc(100% + 8px);\n "])));
|
|
66
|
-
case 'right-center':
|
|
67
|
-
return (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n top: 50%;\n transform: translateY(-50%);\n left: calc(100% + 8px);\n "], ["\n top: 50%;\n transform: translateY(-50%);\n left: calc(100% + 8px);\n "])));
|
|
68
|
-
case 'bottom-left':
|
|
69
|
-
return (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n top: calc(100% + 8px);\n left: 0;\n "], ["\n top: calc(100% + 8px);\n left: 0;\n "])));
|
|
70
|
-
case 'bottom-center':
|
|
71
|
-
return (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n "], ["\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n "])));
|
|
72
|
-
case 'bottom-right':
|
|
73
|
-
return (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n top: calc(100% + 8px);\n right: 0;\n "], ["\n top: calc(100% + 8px);\n right: 0;\n "])));
|
|
74
|
-
case 'auto':
|
|
75
|
-
return (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n top: calc(100% + 8px);\n right: 0;\n "], ["\n top: calc(100% + 8px);\n right: 0;\n "])));
|
|
76
|
-
default:
|
|
77
|
-
return '';
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
// Styled component for tooltip container
|
|
81
|
-
exports.TooltipContainer = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"], ["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"
|
|
82
|
-
// Styled component for tooltip content
|
|
83
|
-
])));
|
|
84
|
-
// Styled component for tooltip content
|
|
85
|
-
exports.TooltipContent = styled_components_1.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n position: absolute;\n background-color: ", " !important;\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n z-index: 1000;\n\n &.auto,\n &.top-left,\n &.top-center,\n &.top-right,\n &.left-center,\n &.right-center,\n &.bottom-left,\n &.bottom-center,\n &.bottom-right {\n ", "\n }\n\n ", "\n"], ["\n position: absolute;\n background-color: ", " !important;\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n z-index: 1000;\n\n &.auto,\n &.top-left,\n &.top-center,\n &.top-right,\n &.left-center,\n &.right-center,\n &.bottom-left,\n &.bottom-center,\n &.bottom-right {\n ", "\n }\n\n ", "\n"])), function (props) { return props.$bgColor || '#000'; }, function (props) { return getPositionStyles(props.className || ''); }, function (props) {
|
|
86
|
-
return props.$enableArrow && (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n &.auto,\n &.top-left,\n &.top-center,\n &.top-right,\n &.left-center,\n &.right-center,\n &.bottom-left,\n &.bottom-center,\n &.bottom-right {\n ", "\n }\n "], ["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n &.auto,\n &.top-left,\n &.top-center,\n &.top-right,\n &.left-center,\n &.right-center,\n &.bottom-left,\n &.bottom-center,\n &.bottom-right {\n ", "\n }\n "])), props.$bgColor, getArrowStyles(props.className || '', props.$bgColor || '#000'));
|
|
56
|
+
exports.TooltipContainer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"], ["\n position: relative;\n display: inline-block;\n cursor: pointer;\n user-select: none;\n"])));
|
|
57
|
+
exports.TooltipContent = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: 9999;\n\n ", "\n"], ["\n background-color: ", ";\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n color: #000;\n padding: 8px;\n position: absolute;\n z-index: 9999;\n\n ", "\n"])), function (props) { return props.$bgColor || '#fff'; }, function (props) {
|
|
58
|
+
return props.$enableArrow && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n ", "\n "], ["\n &:before {\n content: '';\n position: absolute;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n }\n\n ", "\n "])), props.$bgColor, getArrowStyles(props.className || '', props.$bgColor || '#fff'));
|
|
87
59
|
});
|
|
88
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12
|
|
60
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
|
89
61
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAA+C;AAO/C,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,QAAgB;IACxD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,oMAAA,gIAMT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,gNAAA,4IAMT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,qMAAA,iIAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2JAAA,uFAKT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,uKAAA,mGAKT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,4JAAA,wFAKT,KAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAA+C;AAO/C,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,QAAgB;IACxD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,oMAAA,gIAMT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,gNAAA,4IAMT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,qMAAA,iIAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,iNAAA,6IAMT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2JAAA,uFAKT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,uKAAA,mGAKT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH,KAAK,MAAM;YACT,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,oKAAA,+FAKzC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6PAAgB,wBAClC,EAAmC,wJAQrD,EAYC,IACJ,KArBqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAxB,CAAwB,EAQrD,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,YAAY,QAClB,uBAAG,qSAAA,iLAMyC,EAAc,kCAGtD,EAA+D,QAClE,KAJ2C,KAAK,CAAC,QAAQ,EAGtD,cAAc,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAClE;AAXD,CAWC,EACJ"}
|
package/dist/ui/styles/reset.css
CHANGED