infinity-forge 0.44.0 → 0.44.1
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/layout/header/components/menu-right/index.js +1 -2
- package/dist/system/presentation/components/layout/header/components/menu-right/index.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/system/presentation/hooks/ui/use-table/components/table/actions/styles.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/actions/styles.js.map +1 -1
- package/dist/ui/components/accordion/{index.js → index..js} +1 -1
- package/dist/ui/components/accordion/index..js.map +1 -0
- package/dist/ui/components/drop-down/index.d.ts +2 -0
- package/dist/ui/components/drop-down/index.js +36 -0
- package/dist/ui/components/drop-down/index.js.map +1 -0
- package/dist/ui/components/drop-down/interfaces.d.ts +6 -0
- package/dist/ui/components/drop-down/interfaces.js +3 -0
- package/dist/ui/components/drop-down/interfaces.js.map +1 -0
- package/dist/ui/components/drop-down/styles.d.ts +4 -0
- package/dist/ui/components/drop-down/styles.js +16 -0
- package/dist/ui/components/drop-down/styles.js.map +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/index.d.ts +1 -1
- package/dist/ui/components/index.js +1 -1
- package/dist/ui/components/modal/styles.js +1 -1
- package/dist/ui/components/modal/styles.js.map +1 -1
- package/dist/ui/components/tooltip/hooks/use-tool-tip.d.ts +9 -0
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js +44 -0
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map +1 -0
- package/dist/ui/components/tooltip/index.d.ts +2 -6
- package/dist/ui/components/tooltip/index.js +53 -5
- package/dist/ui/components/tooltip/index.js.map +1 -1
- package/dist/ui/components/tooltip/interfaces.d.ts +11 -0
- package/dist/ui/components/tooltip/interfaces.js +3 -0
- package/dist/ui/components/tooltip/interfaces.js.map +1 -0
- package/dist/ui/components/tooltip/styles.d.ts +8 -0
- package/dist/ui/components/tooltip/styles.js +89 -0
- package/dist/ui/components/tooltip/styles.js.map +1 -0
- package/dist/ui/icons/index.d.ts +1 -0
- package/dist/ui/icons/index.js +1 -0
- package/dist/ui/icons/index.js.map +1 -1
- package/dist/ui/icons/render/three-dots.d.ts +2 -0
- package/dist/ui/icons/render/three-dots.js +10 -0
- package/dist/ui/icons/render/three-dots.js.map +1 -0
- package/package.json +1 -1
- package/dist/ui/components/accordion/index.js.map +0 -1
- /package/dist/ui/components/accordion/{index.d.ts → index..d.ts} +0 -0
|
@@ -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, { content: warning === null || warning === void 0 ? void 0 : warning.message,
|
|
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, { style: { padding: 8 }, enableHover: true, bgColor: '#fff', 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,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACzB,
|
|
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,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACrB,WAAW,QACX,OAAO,EAAC,MAAM,EACd,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;AAnDD,gCAmDC"}
|
|
@@ -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, {
|
|
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, bgColor: '#fff', 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
|
+
}) }), style: { backgroundColor: '#fff' } }) }) }));
|
|
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,MAAM,
|
|
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,EAAC,MAAM,EACd,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,EAEd,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,GAClC,GACc,GACZ,CACT,CAAA;AACH,CAAC;AAnDD,sCAmDC"}
|
|
@@ -27,12 +27,11 @@ exports.MenuRight = void 0;
|
|
|
27
27
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
28
|
var ui_1 = require("../../../../../../../ui/index.js");
|
|
29
29
|
var profile_1 = require("./profile/index.js");
|
|
30
|
-
var settings_1 = require("./settings/index.js");
|
|
31
30
|
// import { Messages } from './messages/index.js'
|
|
32
31
|
var data_1 = require("../../../../../../../system/presentation/components/data/index.js");
|
|
33
32
|
var S = __importStar(require("./styles.js"));
|
|
34
33
|
function MenuRight(props) {
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'MenuRight', children: (0, jsx_runtime_1.jsxs)(S.MenuRight, { children: [props.workspaces && (0, jsx_runtime_1.jsx)(data_1.SelectWorkSpace, { workspaces: props.workspaces }), (0, jsx_runtime_1.jsx)(data_1.Notifications, {}), (0, jsx_runtime_1.jsx)(
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'MenuRight', children: (0, jsx_runtime_1.jsxs)(S.MenuRight, { children: [props.workspaces && (0, jsx_runtime_1.jsx)(data_1.SelectWorkSpace, { workspaces: props.workspaces }), (0, jsx_runtime_1.jsx)(data_1.Notifications, {}), (0, jsx_runtime_1.jsx)(profile_1.Profile, {})] }) }));
|
|
36
35
|
}
|
|
37
36
|
exports.MenuRight = MenuRight;
|
|
38
37
|
//# sourceMappingURL=index.js.map
|
package/dist/system/presentation/components/layout/header/components/menu-right/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAC5B,qCAAmC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAC5B,qCAAmC;AAEnC,wCAAwC;AAExC,8DAAsF;AAGtF,0CAA6B;AAM7B,SAAgB,SAAS,CAAC,KAAiB;IACzC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,YACrB,wBAAC,CAAC,CAAC,SAAS,eACT,KAAK,CAAC,UAAU,IAAI,uBAAC,sBAAe,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,EAEtE,uBAAC,oBAAa,KAAG,EAQjB,uBAAC,iBAAO,KAAG,IACC,GACR,CACT,CAAA;AACH,CAAC;AAlBD,8BAkBC"}
|
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, {
|
|
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, style: { padding: 8 }, bgColor: '#fff', 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,
|
|
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,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACrB,OAAO,EAAC,MAAM,EACd,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;AArBD,4BAqBC"}
|
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, { enableHover: true, style: { padding: 8 }, trigger: (0, jsx_runtime_1.jsx)(system_1.Avatar, { image: avatarImage }), enableArrow: true, content: (0, jsx_runtime_1.jsx)(content_1.Content, {}), bgColor: '#f9f9f9' }) }) }));
|
|
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,IACN,
|
|
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,IACN,WAAW,QACX,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EACvC,WAAW,QACX,OAAO,EAAE,uBAAC,iBAAO,KAAG,EACpB,OAAO,EAAC,SAAS,GACjB,GACQ,GACN,CACT,CAAA;AACH,CAAC;AAnBD,0BAmBC"}
|
|
@@ -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, { content: 'Editar',
|
|
101
|
+
(((_b = actions.edit) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { style: { padding: 8 }, enableHover: true, bgColor: '#fff', 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, { style: { padding: 8 }, enableHover: true, bgColor: '#fff', 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, { style: { padding: 8 }, enableHover: true, bgColor: '#fff', 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, { style: { padding: 8 }, enableHover: true, bgColor: '#fff', 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,OAAO,EAAC,QAAQ,EAChB,
|
|
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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"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Actions = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Actions = (0, styled_components_1.default)('td')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 0%;\n
|
|
12
|
+
exports.Actions = (0, styled_components_1.default)('td')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 0%;\n\n > div {\n display: flex;\n align-content: center;\n justify-content: flex-start;\n gap: 10px;\n }\n\n .action-button {\n border: 0;\n padding: 0;\n background: #e1e1e1;\n color: #828282;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 5px;\n padding: 8px;\n cursor: pointer;\n\n button {\n background-color: transparent;\n border: 0;\n padding: 0;\n width: 100%;\n color: currentColor;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n & + & {\n margin-left: 10px;\n }\n }\n"], ["\n width: 0%;\n\n > div {\n display: flex;\n align-content: center;\n justify-content: flex-start;\n gap: 10px;\n }\n\n .action-button {\n border: 0;\n padding: 0;\n background: #e1e1e1;\n color: #828282;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 5px;\n padding: 8px;\n cursor: pointer;\n\n button {\n background-color: transparent;\n border: 0;\n padding: 0;\n width: 100%;\n color: currentColor;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n & + & {\n margin-left: 10px;\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,IAAI,CAAC,iwBAAA,8rBA0ClC,KAAA"}
|
|
@@ -34,4 +34,4 @@ function Accordion(_a) {
|
|
|
34
34
|
return ((0, jsx_runtime_1.jsxs)(S.Accordion, { children: [(0, jsx_runtime_1.jsxs)("button", { type: 'button', onClick: function () { return setIsOpen(!isOpen); }, children: [title && (0, jsx_runtime_1.jsx)("h2", { children: title }), openIcon && closeIcon && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: !isOpen ? openIcon : closeIcon })] }), children && (0, jsx_runtime_1.jsx)("div", { className: "content ".concat(isOpen ? 'show' : ''), children: children })] }));
|
|
35
35
|
}
|
|
36
36
|
exports.Accordion = Accordion;
|
|
37
|
-
//# sourceMappingURL=index
|
|
37
|
+
//# sourceMappingURL=index..js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index..js","sourceRoot":"","sources":["../../../../src/ui/components/accordion/index..tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,2BAA2B;AAI3B,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAAwD;QAAtD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACxD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,OAAO,CACL,wBAAC,CAAC,CAAC,SAAS,eACV,oCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,aACpD,KAAK,IAAI,yCAAK,KAAK,GAAM,EAEzB,QAAQ,IAAI,SAAS,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAI,IACjE,EAER,QAAQ,IAAI,gCAAK,SAAS,EAAE,kBAAW,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,YAAG,QAAQ,GAAO,IACpE,CACf,CAAA;AACH,CAAC;AAdD,8BAcC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.DropDown = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var error_boundary_1 = require("../error-boundary/index.js");
|
|
29
|
+
var tooltip_1 = require("../tooltip/index.js");
|
|
30
|
+
var S = __importStar(require("./styles.js"));
|
|
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, bgColor: '#fff', 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
|
+
}
|
|
35
|
+
exports.DropDown = DropDown;
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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,EAA6C;QAA3C,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACnD,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,iBAAO,IACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/drop-down/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DropDown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.MenuItem = exports.Menu = exports.DropDown = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.DropDown = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
13
|
+
exports.Menu = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: #fff;\n padding: 0;\n"], ["\n background-color: #fff;\n padding: 0;\n"])));
|
|
14
|
+
exports.MenuItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: none;\n cursor: pointer;\n\n > * {\n display: block;\n border: none;\n background: none;\n text-align: start;\n padding: 8px 16px;\n text-decoration: none;\n color: black;\n width: 100%;\n height: 100%;\n min-width: 100px;\n\n &:hover {\n background-color: #f1f1f1;\n }\n }\n"], ["\n border: none;\n cursor: pointer;\n\n > * {\n display: block;\n border: none;\n background: none;\n text-align: start;\n padding: 8px 16px;\n text-decoration: none;\n color: black;\n width: 100%;\n height: 100%;\n min-width: 100px;\n\n &:hover {\n background-color: #f1f1f1;\n }\n }\n"])));
|
|
15
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
16
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/drop-down/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,qEAAA,EAAE,KAAA;AAEvB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,iHAAA,8CAG7B,KAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,gZAAA,6UAoBjC,KAAA"}
|
|
@@ -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, { content: 'Detalhe',
|
|
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, bgColor: '#fff', 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, bgColor: '#fff', 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, bgColor: '#fff', content: 'Baixar', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'action-button', onClick: function () { return (0, ui_1.loadFile)({ FileIds: [file.id] }); }, 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,OAAO,EAAC,SAAS,EACjB,
|
|
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,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,8BAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,YAC9E,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GACrB,GAEN,EAEF,uBAAC,YAAO,IACN,WAAW,QACX,WAAW,QACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,mCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,IAAI,EAAC,QAAQ,YAC5E,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,GAEX,EAEF,uBAAC,YAAO,IACN,WAAW,QACX,WAAW,QACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EACL,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,IAAA,aAAQ,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAhC,CAAgC,YAC7F,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,GACrB,GAEX,IACE,IACK,CACd,CAAA;AACH,CAAC;AAlFD,4BAkFC"}
|
|
@@ -5,8 +5,8 @@ export * from './tooltip/index.js';
|
|
|
5
5
|
export * from './sidebar/index.js';
|
|
6
6
|
export * from './carousel/index.js';
|
|
7
7
|
export * from './skeleton/index.js';
|
|
8
|
+
export * from './drop-down/index.js';
|
|
8
9
|
export * from './container/index.js';
|
|
9
|
-
export * from './accordion/index.js';
|
|
10
10
|
export * from './next-image/index.js';
|
|
11
11
|
export * from './breadcrumb/index.js';
|
|
12
12
|
export * from './pagination/index.js';
|
|
@@ -21,8 +21,8 @@ __exportStar(require("./tooltip/index.js"), exports);
|
|
|
21
21
|
__exportStar(require("./sidebar/index.js"), exports);
|
|
22
22
|
__exportStar(require("./carousel/index.js"), exports);
|
|
23
23
|
__exportStar(require("./skeleton/index.js"), exports);
|
|
24
|
+
__exportStar(require("./drop-down/index.js"), exports);
|
|
24
25
|
__exportStar(require("./container/index.js"), exports);
|
|
25
|
-
__exportStar(require("./accordion/index.js"), exports);
|
|
26
26
|
__exportStar(require("./next-image/index.js"), exports);
|
|
27
27
|
__exportStar(require("./breadcrumb/index.js"), exports);
|
|
28
28
|
__exportStar(require("./pagination/index.js"), exports);
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Modal = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(2px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n overflow: auto
|
|
12
|
+
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(2px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n /* overflow: auto; */\n }\n"], ["\n .overlay {\n position: fixed;\n z-index: 999999999;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(2px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n width: 100%;\n max-height: 100vh;\n position: fixed;\n z-index: 9999999999;\n background: #fff;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n /* overflow: auto; */\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0hBAAA,udAwBjC,KAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare function useToolTip(): {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
contentRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
5
|
+
toolTipRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
6
|
+
handleToggle: () => void;
|
|
7
|
+
handleContentMouseEnter: () => void;
|
|
8
|
+
handleContentMouseLeave: () => void;
|
|
9
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useToolTip = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
function useToolTip() {
|
|
6
|
+
var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
7
|
+
var toolTipRef = (0, react_1.useRef)(null);
|
|
8
|
+
var contentRef = (0, react_1.useRef)(null);
|
|
9
|
+
var handleToggle = (0, react_1.useCallback)(function () {
|
|
10
|
+
if (!isOpen && toolTipRef.current) {
|
|
11
|
+
}
|
|
12
|
+
setIsOpen(function (prev) { return !prev; });
|
|
13
|
+
}, [isOpen]);
|
|
14
|
+
var handleClickOutside = (0, react_1.useCallback)(function (event) {
|
|
15
|
+
if (toolTipRef.current &&
|
|
16
|
+
!toolTipRef.current.contains(event.target) &&
|
|
17
|
+
contentRef.current &&
|
|
18
|
+
!contentRef.current.contains(event.target)) {
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
}
|
|
21
|
+
}, []);
|
|
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
|
+
(0, react_1.useEffect)(function () {
|
|
29
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
30
|
+
return function () {
|
|
31
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
32
|
+
};
|
|
33
|
+
}, [handleClickOutside]);
|
|
34
|
+
return {
|
|
35
|
+
isOpen: isOpen,
|
|
36
|
+
contentRef: contentRef,
|
|
37
|
+
toolTipRef: toolTipRef,
|
|
38
|
+
handleToggle: handleToggle,
|
|
39
|
+
handleContentMouseEnter: handleContentMouseEnter,
|
|
40
|
+
handleContentMouseLeave: handleContentMouseLeave,
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
exports.useToolTip = useToolTip;
|
|
44
|
+
//# sourceMappingURL=use-tool-tip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":";;;AAAA,+BAAgE;AAEhE,SAAgB,UAAU;IAClB,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE/C,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,IAAI,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACpC,CAAC;QACD,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAiB;QACvD,IACE,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;YAClD,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAClD,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC;QAC1C,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC;QAC1C,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,OAAO;QACL,MAAM,QAAA;QACN,UAAU,YAAA;QACV,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,uBAAuB,yBAAA;QACvB,uBAAuB,yBAAA;KACxB,CAAA;AACH,CAAC;AA9CD,gCA8CC"}
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare function Tooltip(props: ITooltip & {
|
|
4
|
-
target: React.ReactNode;
|
|
5
|
-
custom?: React.ReactNode;
|
|
6
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
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;
|
|
@@ -10,14 +10,62 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
13
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
48
|
exports.Tooltip = void 0;
|
|
15
49
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
function Tooltip(
|
|
19
|
-
var
|
|
20
|
-
|
|
50
|
+
var use_tool_tip_1 = require("./hooks/use-tool-tip.js");
|
|
51
|
+
var S = __importStar(require("./styles.js"));
|
|
52
|
+
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 _c = (0, use_tool_tip_1.useToolTip)(), isOpen = _c.isOpen, toolTipRef = _c.toolTipRef, contentRef = _c.contentRef, handleToggle = _c.handleToggle, handleContentMouseEnter = _c.handleContentMouseEnter, handleContentMouseLeave = _c.handleContentMouseLeave;
|
|
55
|
+
var handleMouseEnter = function () {
|
|
56
|
+
if (enableHover) {
|
|
57
|
+
handleToggle();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
var handleMouseLeave = function () {
|
|
61
|
+
if (enableHover) {
|
|
62
|
+
handleToggle();
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
if (!trigger) {
|
|
66
|
+
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 && ((0, jsx_runtime_1.jsx)(S.TooltipContent, { ref: contentRef, "$bgColor": bgColor, className: position, "$enableArrow": enableArrow, style: __assign({ position: 'absolute' }, rest.style), children: content }))] }));
|
|
21
69
|
}
|
|
22
70
|
exports.Tooltip = Tooltip;
|
|
23
71
|
//# 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,qDAAiD;AAIjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAQR;IAPd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,OAAO,aAAA,EACJ,IAAI,cAPe,2EAQvB,CADQ;IAED,IAAA,KACJ,IAAA,yBAAU,GAAE,EADN,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,uBAAuB,6BAAA,EAAE,uBAAuB,6BACxF,CAAA;IAEd,IAAM,gBAAgB,GAAG;QACvB,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,gBAAgB,IACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAChD,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,OAAO,EAEP,MAAM,IAAI,CACT,uBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE,UAAU,cACL,OAAO,EACjB,SAAS,EAAE,QAAQ,kBACL,WAAW,EACzB,KAAK,aACH,QAAQ,EAAE,UAAU,IACjB,IAAI,CAAC,KAAK,aAGd,OAAO,GACS,CACpB,IACkB,CACtB,CAAA;AACH,CAAC;AArDD,0BAqDC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type PositionProp = 'top-left' | 'top-center' | 'top-right' | 'left-center' | 'right-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'auto';
|
|
3
|
+
export interface IToolTipProps {
|
|
4
|
+
content: any;
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
enableArrow?: boolean;
|
|
7
|
+
enableHover?: boolean;
|
|
8
|
+
position?: PositionProp;
|
|
9
|
+
trigger: React.ReactNode;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface IStyledToolTip {
|
|
3
|
+
$bgColor?: string;
|
|
4
|
+
$enableArrow?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const TooltipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledToolTip>> & string;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
+
if (k2 === undefined) k2 = k;
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
13
|
+
}) : (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
o[k2] = m[k];
|
|
16
|
+
}));
|
|
17
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
+
}) : function(o, v) {
|
|
20
|
+
o["default"] = v;
|
|
21
|
+
});
|
|
22
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
+
if (mod && mod.__esModule) return mod;
|
|
24
|
+
var result = {};
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
+
__setModuleDefault(result, mod);
|
|
27
|
+
return result;
|
|
28
|
+
};
|
|
29
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
+
exports.TooltipContent = exports.TooltipContainer = void 0;
|
|
31
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
+
var getArrowStyles = function (position, $bgColor) {
|
|
33
|
+
switch (position) {
|
|
34
|
+
case 'top-left':
|
|
35
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:before {\n bottom: -12px;\n left: 12px;\n transform: rotate(180deg);\n }\n "], ["\n &:before {\n bottom: -12px;\n left: 12px;\n transform: rotate(180deg);\n }\n "])));
|
|
36
|
+
case 'top-center':
|
|
37
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &:before {\n bottom: -12px;\n left: calc(50% - 10px);\n transform: rotate(180deg);\n }\n "], ["\n &:before {\n bottom: -12px;\n left: calc(50% - 10px);\n transform: rotate(180deg);\n }\n "])));
|
|
38
|
+
case 'top-right':
|
|
39
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:before {\n bottom: -12px;\n right: 12px;\n transform: rotate(180deg);\n }\n "], ["\n &:before {\n bottom: -12px;\n right: 12px;\n transform: rotate(180deg);\n }\n "])));
|
|
40
|
+
case 'left-center':
|
|
41
|
+
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:before {\n top: 50%;\n right: -10px;\n transform: translateY(-50%) rotate(90deg);\n }\n "], ["\n &:before {\n top: 50%;\n right: -10px;\n transform: translateY(-50%) rotate(90deg);\n }\n "])));
|
|
42
|
+
case 'right-center':
|
|
43
|
+
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &:before {\n top: 50%;\n left: -10px;\n transform: translateY(-50%) rotate(270deg);\n }\n "], ["\n &:before {\n top: 50%;\n left: -10px;\n transform: translateY(-50%) rotate(270deg);\n }\n "])));
|
|
44
|
+
case 'bottom-left':
|
|
45
|
+
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &:before {\n top: -12px;\n left: 12px;\n }\n "], ["\n &:before {\n top: -12px;\n left: 12px;\n }\n "])));
|
|
46
|
+
case 'bottom-center':
|
|
47
|
+
return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &:before {\n top: -12px;\n left: calc(50% - 12px);\n }\n "], ["\n &:before {\n top: -12px;\n left: calc(50% - 12px);\n }\n "])));
|
|
48
|
+
case 'bottom-right':
|
|
49
|
+
return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n &:before {\n top: -12px;\n right: 12px;\n }\n "], ["\n &:before {\n top: -12px;\n right: 12px;\n }\n "])));
|
|
50
|
+
case 'auto':
|
|
51
|
+
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n &:before {\n top: -12px;\n right: 12px;\n }\n "], ["\n &:before {\n top: -12px;\n right: 12px;\n }\n "])));
|
|
52
|
+
default:
|
|
53
|
+
return '';
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var getPositionStyles = function (position) {
|
|
57
|
+
switch (position) {
|
|
58
|
+
case 'top-left':
|
|
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'));
|
|
87
|
+
});
|
|
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, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21;
|
|
89
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +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;QAEH,KAAK,MAAM;YACT,WAAO,uBAAG,4JAAA,wFAKT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,QAAgB;IACzC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,WAAO,uBAAG,mIAAA,6DAGT,KAAA;QACH,KAAK,YAAY;YACf,WAAO,uBAAG,6KAAA,uGAIT,KAAA;QACH,KAAK,WAAW;YACd,WAAO,uBAAG,sIAAA,gEAGT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,2KAAA,qGAIT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,0KAAA,oGAIT,KAAA;QACH,KAAK,aAAa;YAChB,WAAO,uBAAG,kIAAA,4DAGT,KAAA;QACH,KAAK,eAAe;YAClB,WAAO,uBAAG,0KAAA,oGAIT,KAAA;QACH,KAAK,cAAc;YACjB,WAAO,uBAAG,mIAAA,6DAGT,KAAA;QACH,KAAK,MAAM;YACT,WAAO,uBAAG,mIAAA,6DAGT,KAAA;QACH;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,yCAAyC;AAC5B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,oKAAA,+FAKzC;IAED,uCAAuC;KAFtC;AAED,uCAAuC;AAC1B,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kZAAgB,+CAElC,EAAmC,uQAcnD,EAAmD,aAGrD,EAsBC,IACJ,KAxCqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAxB,CAAwB,EAcnD,UAAC,KAAK,IAAK,OAAA,iBAAiB,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,EAAxC,CAAwC,EAGrD,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,YAAY,QAClB,uBAAG,8eAAA,iLAMyC,EAAc,kOAYpD,EAA+D,iBAEpE,KAd2C,KAAK,CAAC,QAAQ,EAYpD,cAAc,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAEpE;AArBD,CAqBC,EACJ"}
|
package/dist/ui/icons/index.d.ts
CHANGED
|
@@ -62,6 +62,7 @@ export * from './render/empty-chat.js';
|
|
|
62
62
|
export * from './render/computer.js';
|
|
63
63
|
export * from './render/not-found.js';
|
|
64
64
|
export * from './render/plus-sharp.js';
|
|
65
|
+
export * from './render/three-dots.js';
|
|
65
66
|
export * from './render/exclamation.js';
|
|
66
67
|
export * from './render/send-message.js';
|
|
67
68
|
export * from './render/phone-message.js';
|
package/dist/ui/icons/index.js
CHANGED
|
@@ -78,6 +78,7 @@ __exportStar(require("./render/empty-chat.js"), exports);
|
|
|
78
78
|
__exportStar(require("./render/computer.js"), exports);
|
|
79
79
|
__exportStar(require("./render/not-found.js"), exports);
|
|
80
80
|
__exportStar(require("./render/plus-sharp.js"), exports);
|
|
81
|
+
__exportStar(require("./render/three-dots.js"), exports);
|
|
81
82
|
__exportStar(require("./render/exclamation.js"), exports);
|
|
82
83
|
__exportStar(require("./render/send-message.js"), exports);
|
|
83
84
|
__exportStar(require("./render/phone-message.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,kDAA+B;AAC/B,iDAA8B;AAC9B,gDAA6B;AAC7B,+CAA4B;AAC5B,mDAAgC;AAChC,gDAA6B;AAC7B,kDAA+B;AAC/B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,wDAAqC;AACrC,yDAAsC;AACtC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,2DAAwC;AACxC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C;AAC7C,gEAA6C"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,kDAA+B;AAC/B,iDAA8B;AAC9B,gDAA6B;AAC7B,+CAA4B;AAC5B,mDAAgC;AAChC,gDAA6B;AAC7B,kDAA+B;AAC/B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,uDAAoC;AACpC,wDAAqC;AACrC,yDAAsC;AACtC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,2DAAwC;AACxC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C;AAC7C,gEAA6C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ThreeDotsIcon = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
function ThreeDotsIcon(_a) {
|
|
6
|
+
var fill = _a.fill;
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '800px', height: '800px', viewBox: '0 0 16 16', fill: fill, children: (0, jsx_runtime_1.jsx)("path", { d: 'M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z' }) }));
|
|
8
|
+
}
|
|
9
|
+
exports.ThreeDotsIcon = ThreeDotsIcon;
|
|
10
|
+
//# sourceMappingURL=three-dots.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"three-dots.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/three-dots.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,aAAa,CAAC,EAAe;QAAb,IAAI,UAAA;IAClC,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,YACjG,iCAAM,CAAC,EAAC,gIAAgI,GAAG,GACvI,CACP,CAAA;AACH,CAAC;AAND,sCAMC"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/accordion/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,2BAA2B;AAI3B,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAAwD;QAAtD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACxD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,OAAO,CACL,wBAAC,CAAC,CAAC,SAAS,eACV,oCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,aACpD,KAAK,IAAI,yCAAK,KAAK,GAAM,EAEzB,QAAQ,IAAI,SAAS,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAI,IACjE,EAER,QAAQ,IAAI,gCAAK,SAAS,EAAE,kBAAW,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,YAAG,QAAQ,GAAO,IACpE,CACf,CAAA;AACH,CAAC;AAdD,8BAcC"}
|
|
File without changes
|