@e1011/es-kit 1.1.46 → 1.1.48
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/hooks/esm/index.css +191 -191
- package/dist/hooks/index.css +191 -191
- package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js +1 -1
- package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
- package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
- package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
- package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js +1 -1
- package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/icon/IconBase.js +1 -1
- package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js +1 -1
- package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
- package/dist/lib/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
- package/dist/lib/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
- package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js +1 -1
- package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/icon/IconBase.d.ts +2 -1
- package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts +0 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts +1 -3
- package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/store/store.stories.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/store/store.vanillajs.d.ts.map +1 -1
- package/dist/ui/esm/src/core/ui/components/icon/IconBase.js +1 -1
- package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/ui/src/core/ui/components/icon/IconBase.js +1 -1
- package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/utils/esm/index.css +191 -191
- package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js +1 -1
- package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
- package/dist/utils/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
- package/dist/utils/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
- package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js +1 -1
- package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
- package/dist/utils/index.css +191 -191
- package/dist/utils/src/core/utils/appState/peregrineMQ/index.js +1 -1
- package/dist/utils/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
- package/dist/utils/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js +1 -1
- package/dist/utils/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
- package/dist/utils/src/core/utils/appState/store/store.vanillajs.js +1 -1
- package/dist/utils/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
- package/package.json +2 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSProperties, FC, PropsWithChildren, MouseEvent, KeyboardEvent } from 'react';
|
|
1
|
+
import { CSSProperties, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react';
|
|
2
2
|
export type IconBaseProps = PropsWithChildren<unknown> & {
|
|
3
3
|
id?: string;
|
|
4
4
|
iconUrl?: string | null;
|
|
@@ -12,6 +12,7 @@ export type IconBaseProps = PropsWithChildren<unknown> & {
|
|
|
12
12
|
className?: string | null;
|
|
13
13
|
style?: CSSProperties | null;
|
|
14
14
|
onClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
15
|
+
icon?: ReactNode;
|
|
15
16
|
};
|
|
16
17
|
export declare const IconBase: FC<IconBaseProps>;
|
|
17
18
|
//# sourceMappingURL=IconBase.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjH,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACvD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;IACrD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqCrC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { PeregrineMQ } from './peregrineMQ';
|
|
2
2
|
export { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ';
|
|
3
3
|
export declare const peregrineMQInstance: PeregrineMQ;
|
|
4
|
-
export default peregrineMQInstance;
|
|
5
4
|
export type * from './peregrineMQ.types';
|
|
6
5
|
export * from './usePeregrineMQ.react';
|
|
7
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAElE,eAAO,MAAM,mBAAmB,aAAoB,CAAA;AAEpD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAElE,eAAO,MAAM,mBAAmB,aAAoB,CAAA;AAEpD,mBAAmB,qBAAqB,CAAA;AACxC,cAAc,wBAAwB,CAAA"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { PeregrineMQ } from './peregrineMQ';
|
|
2
2
|
import { Callback } from './peregrineMQ.types';
|
|
3
3
|
export type usePeregrineMQReturnType = [
|
|
4
|
-
|
|
5
|
-
current?: () => boolean;
|
|
6
|
-
},
|
|
4
|
+
(() => boolean) | undefined,
|
|
7
5
|
<T>(channel: string, data?: T) => boolean
|
|
8
6
|
];
|
|
9
7
|
export declare const usePeregrineMQ: (peregrineInstance: PeregrineMQ, channel: string, callback: Callback) => usePeregrineMQReturnType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePeregrineMQ.react.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,MAAM,MAAM,wBAAwB,GAAG;IACrC
|
|
1
|
+
{"version":3,"file":"usePeregrineMQ.react.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,MAAM,MAAM,wBAAwB,GAAG;IACrC,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IAC3B,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,OAAO;CAC1C,CAAA;AAED,eAAO,MAAM,cAAc,sBACN,WAAW,WAAW,MAAM,YAAY,QAAQ,KAClE,wBAcF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAapD,IAAI;AAHT,wBAGS;
|
|
1
|
+
{"version":3,"file":"store.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAapD,IAAI;AAHT,wBAGS;AAoHT,eAAO,MAAM,eAAe,0FAAmC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.vanillajs.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;AAE7D;;GAEG;AAEH,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAC9D,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;AACxF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAGtE;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACtB,aAAa,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;CACrC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEvB;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,CAAA;IAC1B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IACpD;;;;;OAKG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,IAAI,CAAA;IACxE;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CAC7C,CAAA;AAID;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE;QAAE,CAAC,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAA;KAAE,CAAA;CAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"store.vanillajs.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import i from"./icon.module.scss.js";import{unifyIconUrl as
|
|
1
|
+
import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import i from"./icon.module.scss.js";import{unifyIconUrl as n}from"./unifyIconUrl.js";const r=e((e=>{let{iconUrl:r,minWidth:c,minHeight:l,size:s,fontSize:a,width:m,height:u,color:h="currentColor",className:p="",children:d,icon:f,style:b,onClick:g,...y}=e;const j=r&&n(r),w=t((()=>({"--min-width":c||s||m||"auto","--min-height":l||s||u||"auto","--width":s||m||"1rem","--height":s||u||"1rem",...a?{fontSize:a}:{},...j?{"--icon-url":`url(${j})`}:{},...j?{"--icon-color":h}:{"--icon-content-color":h},...g?{cursor:"pointer"}:{},...b})),[c,s,m,l,u,a,j,h,g,b]),x=t((()=>g?{onClick:g,role:"button",tabIndex:-1}:{}),[g]);return React.createElement("span",o({},y,x,{className:`${i["icon-base"]} icon-base ${p}`,style:w}),!j&&d&&d,!j&&f&&f)}));r.displayName="IconBase";export{r as IconBase};
|
|
2
2
|
//# sourceMappingURL=IconBase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string | null\n minWidth?: string | null\n minHeight?: string | null\n width?: string | null\n height?: string | null\n size?: string | null\n fontSize?: string | null\n color?: string | null\n className?: string | null\n style?: CSSProperties | null\n onClick?: (event: MouseEvent | KeyboardEvent) => void\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseProps) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth || size || width || 'auto',\n '--min-height': minHeight || size || height || 'auto',\n '--width': size || width || '1rem',\n '--height': size || height || '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string | null\n minWidth?: string | null\n minHeight?: string | null\n width?: string | null\n height?: string | null\n size?: string | null\n fontSize?: string | null\n color?: string | null\n className?: string | null\n style?: CSSProperties | null\n onClick?: (event: MouseEvent | KeyboardEvent) => void\n icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth || size || width || 'auto',\n '--min-height': minHeight || size || height || 'auto',\n '--width': size || width || '1rem',\n '--height': size || height || '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n {(!unifiedIconUrl && icon) && icon}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAsBaA,EAA8BC,GAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAaf,GAEzCgB,EAASC,GAAQ,KACrB,CACE,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,GAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAM,EAAY,CAChBX,UAAW,GAAGiB,EAAQ,0BAA0BjB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS6B,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),i=require("./icon.module.scss.js"),
|
|
1
|
+
"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),i=require("./icon.module.scss.js"),n=require("./unifyIconUrl.js");const r=o.memo((r=>{let{iconUrl:t,minWidth:c,minHeight:s,size:l,fontSize:u,width:a,height:m,color:h="currentColor",className:d="",children:p,icon:b,style:f,onClick:g,...y}=r;const I=t&&n.unifyIconUrl(t),q=o.useMemo((()=>({"--min-width":c||l||a||"auto","--min-height":s||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...u?{fontSize:u}:{},...I?{"--icon-url":`url(${I})`}:{},...I?{"--icon-color":h}:{"--icon-content-color":h},...g?{cursor:"pointer"}:{},...f})),[c,l,a,s,m,u,I,h,g,f]),j=o.useMemo((()=>g?{onClick:g,role:"button",tabIndex:-1}:{}),[g]);return React.createElement("span",e.extends({},y,j,{className:`${i.default["icon-base"]} icon-base ${d}`,style:q}),!I&&p&&p,!I&&b&&b)}));r.displayName="IconBase",exports.IconBase=r;
|
|
2
2
|
//# sourceMappingURL=IconBase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string | null\n minWidth?: string | null\n minHeight?: string | null\n width?: string | null\n height?: string | null\n size?: string | null\n fontSize?: string | null\n color?: string | null\n className?: string | null\n style?: CSSProperties | null\n onClick?: (event: MouseEvent | KeyboardEvent) => void\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseProps) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth || size || width || 'auto',\n '--min-height': minHeight || size || height || 'auto',\n '--width': size || width || '1rem',\n '--height': size || height || '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string | null\n minWidth?: string | null\n minHeight?: string | null\n width?: string | null\n height?: string | null\n size?: string | null\n fontSize?: string | null\n color?: string | null\n className?: string | null\n style?: CSSProperties | null\n onClick?: (event: MouseEvent | KeyboardEvent) => void\n icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth || size || width || 'auto',\n '--min-height': minHeight || size || height || 'auto',\n '--width': size || width || '1rem',\n '--height': size || height || '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n {(!unifiedIconUrl && icon) && icon}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8KAsBaA,EAA8BC,EAAIA,MAAgBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAYA,aAACf,GAEzCgB,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAC,QACMZ,CAAAA,EAAAA,EACAM,EAAY,CAChBX,UAAW,GAAGkB,EAAOC,QAAC,0BAA0BnB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS+B,YAAc"}
|
package/dist/utils/esm/index.css
CHANGED
|
@@ -1,11 +1,32 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
3
|
-
width: 100%;
|
|
4
|
-
height: 100%;
|
|
1
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
+
line-height: 1px !important;
|
|
5
3
|
}
|
|
6
4
|
|
|
7
|
-
.
|
|
8
|
-
|
|
5
|
+
.icon-module_icon-base__S0tHf {
|
|
6
|
+
min-width: var(--min-width);
|
|
7
|
+
min-height: var(--min-height);
|
|
8
|
+
width: var(--width) !important;
|
|
9
|
+
height: var(--height) !important;
|
|
10
|
+
line-height: 1px !important;
|
|
11
|
+
background-color: var(--icon-color);
|
|
12
|
+
color: var(--icon-content-color);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
mask-image: var(--icon-url);
|
|
15
|
+
-webkit-mask-image: var(--icon-url);
|
|
16
|
+
mask-repeat: no-repeat;
|
|
17
|
+
-webkit-mask-repeat: no-repeat;
|
|
18
|
+
mask-size: contain;
|
|
19
|
+
-webkit-mask-size: contain;
|
|
20
|
+
mask-position: center;
|
|
21
|
+
-webkit-mask-position: center;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
will-change: transform;
|
|
24
|
+
transform: translate3d(0, 0, 0);
|
|
25
|
+
}
|
|
26
|
+
.icon-module_icon-base__S0tHf svg {
|
|
27
|
+
fill: var(--icon-content-color);
|
|
28
|
+
width: var(--height);
|
|
29
|
+
height: var(--width);
|
|
9
30
|
}
|
|
10
31
|
.CollapsibleContainer-module_collapsible-container__u0Jmm {
|
|
11
32
|
transform-origin: 0% 0%;
|
|
@@ -40,55 +61,6 @@
|
|
|
40
61
|
max-width: var(--prop-value);
|
|
41
62
|
opacity: 1;
|
|
42
63
|
}
|
|
43
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
44
|
-
line-height: 1px !important;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.icon-module_icon-base__S0tHf {
|
|
48
|
-
min-width: var(--min-width);
|
|
49
|
-
min-height: var(--min-height);
|
|
50
|
-
width: var(--width) !important;
|
|
51
|
-
height: var(--height) !important;
|
|
52
|
-
line-height: 1px !important;
|
|
53
|
-
background-color: var(--icon-color);
|
|
54
|
-
color: var(--icon-content-color);
|
|
55
|
-
background-repeat: no-repeat;
|
|
56
|
-
mask-image: var(--icon-url);
|
|
57
|
-
-webkit-mask-image: var(--icon-url);
|
|
58
|
-
mask-repeat: no-repeat;
|
|
59
|
-
-webkit-mask-repeat: no-repeat;
|
|
60
|
-
mask-size: contain;
|
|
61
|
-
-webkit-mask-size: contain;
|
|
62
|
-
mask-position: center;
|
|
63
|
-
-webkit-mask-position: center;
|
|
64
|
-
display: inline-block;
|
|
65
|
-
will-change: transform;
|
|
66
|
-
transform: translate3d(0, 0, 0);
|
|
67
|
-
}
|
|
68
|
-
.icon-module_icon-base__S0tHf svg {
|
|
69
|
-
fill: var(--icon-content-color);
|
|
70
|
-
width: var(--height);
|
|
71
|
-
height: var(--width);
|
|
72
|
-
}
|
|
73
|
-
.divider-module_divider-line__6CesR {
|
|
74
|
-
position: relative;
|
|
75
|
-
display: block;
|
|
76
|
-
transition: opacity, width, height 250ms ease-in-out;
|
|
77
|
-
background-color: var(--color);
|
|
78
|
-
opacity: var(--opacity);
|
|
79
|
-
}
|
|
80
|
-
.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
|
|
81
|
-
height: var(--length);
|
|
82
|
-
left: var(--left);
|
|
83
|
-
width: var(--width);
|
|
84
|
-
margin: var(--margin);
|
|
85
|
-
}
|
|
86
|
-
.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
|
|
87
|
-
width: var(--length);
|
|
88
|
-
left: var(--left);
|
|
89
|
-
height: var(--height);
|
|
90
|
-
margin: var(--margin);
|
|
91
|
-
}
|
|
92
64
|
.field-module_field__UfKm3 {
|
|
93
65
|
opacity: 1;
|
|
94
66
|
pointer-events: auto;
|
|
@@ -163,6 +135,34 @@
|
|
|
163
135
|
.field-module_field__UfKm3 label {
|
|
164
136
|
text-align: left;
|
|
165
137
|
}
|
|
138
|
+
.errorBoundary-module_errorBoundary__gk9ps {
|
|
139
|
+
background: #EFEFEF;
|
|
140
|
+
width: 100%;
|
|
141
|
+
height: 100%;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.errorBoundary-module_StyledIcon__IYHiU {
|
|
145
|
+
margin-right: 10px;
|
|
146
|
+
}
|
|
147
|
+
.divider-module_divider-line__6CesR {
|
|
148
|
+
position: relative;
|
|
149
|
+
display: block;
|
|
150
|
+
transition: opacity, width, height 250ms ease-in-out;
|
|
151
|
+
background-color: var(--color);
|
|
152
|
+
opacity: var(--opacity);
|
|
153
|
+
}
|
|
154
|
+
.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
|
|
155
|
+
height: var(--length);
|
|
156
|
+
left: var(--left);
|
|
157
|
+
width: var(--width);
|
|
158
|
+
margin: var(--margin);
|
|
159
|
+
}
|
|
160
|
+
.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
|
|
161
|
+
width: var(--length);
|
|
162
|
+
left: var(--left);
|
|
163
|
+
height: var(--height);
|
|
164
|
+
margin: var(--margin);
|
|
165
|
+
}
|
|
166
166
|
.layoutBox-module_layout-box__ZIID8 {
|
|
167
167
|
display: flex;
|
|
168
168
|
position: relative;
|
|
@@ -432,97 +432,115 @@
|
|
|
432
432
|
--divider-line: #4a4b4b;
|
|
433
433
|
}
|
|
434
434
|
|
|
435
|
-
.
|
|
435
|
+
.tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
|
|
436
436
|
overflow: hidden !important;
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.
|
|
439
|
+
.tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
|
|
440
440
|
white-space: nowrap !important;
|
|
441
441
|
}
|
|
442
442
|
|
|
443
|
-
.
|
|
443
|
+
.tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
|
|
444
444
|
text-overflow: ellipsis !important;
|
|
445
445
|
}
|
|
446
446
|
|
|
447
|
-
.
|
|
448
|
-
--popup-width: 60vw;
|
|
449
|
-
--popup-height: 50vh;
|
|
447
|
+
.tooltip-module_popover-tooltip__sAhKa {
|
|
450
448
|
position: fixed;
|
|
451
|
-
|
|
452
|
-
height: var(--popup-height);
|
|
453
|
-
--slideXFrom: 0;
|
|
454
|
-
--slideYFrom: 0;
|
|
449
|
+
z-index: 999;
|
|
455
450
|
will-change: opacity;
|
|
456
|
-
transition: opacity
|
|
451
|
+
transition: opacity 450ms ease;
|
|
457
452
|
opacity: 0;
|
|
458
453
|
visibility: hidden;
|
|
459
|
-
|
|
454
|
+
border-radius: 4px;
|
|
455
|
+
background-color: #1B1D1D;
|
|
456
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
|
|
460
457
|
}
|
|
461
|
-
.
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
458
|
+
.tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
|
|
459
|
+
margin: 0;
|
|
460
|
+
padding: 0;
|
|
461
|
+
}
|
|
462
|
+
.tooltip-module_popover-tooltip__sAhKa p {
|
|
463
|
+
display: -webkit-box;
|
|
464
|
+
-webkit-line-clamp: 4; /* number of lines to show */
|
|
465
|
+
line-clamp: 4;
|
|
466
|
+
-webkit-box-orient: vertical;
|
|
467
|
+
margin: 0;
|
|
465
468
|
width: 100%;
|
|
466
|
-
|
|
467
|
-
overflow
|
|
468
|
-
background-color: #090A0A;
|
|
469
|
-
border-radius: 4px;
|
|
470
|
-
box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
|
|
471
|
-
transition: transform 350ms ease-out;
|
|
472
|
-
will-change: transform;
|
|
473
|
-
transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
|
|
469
|
+
white-space: normal;
|
|
470
|
+
overflow: auto;
|
|
474
471
|
}
|
|
475
|
-
.
|
|
476
|
-
|
|
472
|
+
.tooltip-module_popover-tooltip__sAhKa[data-show] {
|
|
473
|
+
opacity: 1;
|
|
474
|
+
visibility: visible;
|
|
477
475
|
}
|
|
478
|
-
.
|
|
476
|
+
.tooltip-module_popover-tooltip__sAhKa[data-show=false] {
|
|
477
|
+
opacity: 0;
|
|
478
|
+
visibility: hidden;
|
|
479
|
+
}
|
|
480
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
|
|
481
|
+
bottom: -16px;
|
|
482
|
+
}
|
|
483
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
484
|
+
transform: rotate(0deg);
|
|
485
|
+
}
|
|
486
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
|
|
487
|
+
top: -16px;
|
|
488
|
+
}
|
|
489
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
490
|
+
transform: rotate(180deg);
|
|
491
|
+
}
|
|
492
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
|
|
493
|
+
right: -16px;
|
|
494
|
+
}
|
|
495
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
496
|
+
transform: rotate(-90deg);
|
|
497
|
+
}
|
|
498
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
|
|
499
|
+
left: -16px;
|
|
500
|
+
}
|
|
501
|
+
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
502
|
+
transform: rotate(90deg);
|
|
503
|
+
}
|
|
504
|
+
.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
|
|
505
|
+
position: absolute;
|
|
506
|
+
}
|
|
507
|
+
.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
508
|
+
content: "";
|
|
509
|
+
border-width: 8px;
|
|
510
|
+
border-style: solid;
|
|
511
|
+
border-color: #1B1D1D transparent transparent transparent;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
.tooltip-module_close-button__o8OBN {
|
|
479
515
|
cursor: pointer;
|
|
480
516
|
line-height: 1px;
|
|
481
517
|
background-color: rgba(255, 255, 255, 0);
|
|
482
518
|
}
|
|
483
|
-
.
|
|
519
|
+
.tooltip-module_close-button__o8OBN .icon-base {
|
|
484
520
|
background-color: #FDDA0D;
|
|
485
521
|
width: 9px !important;
|
|
486
522
|
height: 9px !important;
|
|
487
523
|
line-height: 1px !important;
|
|
488
524
|
}
|
|
489
|
-
.
|
|
525
|
+
.tooltip-module_close-button__o8OBN:hover .icon-base {
|
|
490
526
|
background-color: #FFEA00;
|
|
491
527
|
}
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
overflow-y: auto;
|
|
497
|
-
display: flex;
|
|
498
|
-
}
|
|
499
|
-
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
|
|
500
|
-
overflow-y: auto;
|
|
501
|
-
}
|
|
502
|
-
.popup-module_popup-container__PJ0oQ[data-show] {
|
|
503
|
-
opacity: 1;
|
|
504
|
-
visibility: visible;
|
|
505
|
-
pointer-events: all;
|
|
506
|
-
}
|
|
507
|
-
.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
|
|
508
|
-
transform: translateX(0) translateY(0);
|
|
528
|
+
|
|
529
|
+
.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
|
|
530
|
+
background-color: #1B1D1D;
|
|
531
|
+
color: #F4F4F4;
|
|
509
532
|
}
|
|
510
|
-
.
|
|
511
|
-
|
|
512
|
-
visibility: hidden;
|
|
513
|
-
pointer-events: none;
|
|
533
|
+
.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
|
|
534
|
+
border-color: #1B1D1D transparent transparent transparent;
|
|
514
535
|
}
|
|
515
|
-
.
|
|
516
|
-
|
|
536
|
+
.cui-theme-light {
|
|
537
|
+
color: #1B1D1D;
|
|
517
538
|
}
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
background-color: #090A0A;
|
|
521
|
-
color: #F4F4F4;
|
|
539
|
+
.cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
|
|
540
|
+
background-color: #515757;
|
|
522
541
|
}
|
|
523
|
-
.cui-theme-light .
|
|
524
|
-
|
|
525
|
-
color: #F4F4F4;
|
|
542
|
+
.cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
|
|
543
|
+
border-color: #515757 transparent transparent transparent;
|
|
526
544
|
}
|
|
527
545
|
:root {
|
|
528
546
|
--divider-line: #4a4b4b;
|
|
@@ -715,115 +733,97 @@
|
|
|
715
733
|
--divider-line: #4a4b4b;
|
|
716
734
|
}
|
|
717
735
|
|
|
718
|
-
.
|
|
736
|
+
.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
|
|
719
737
|
overflow: hidden !important;
|
|
720
738
|
}
|
|
721
739
|
|
|
722
|
-
.
|
|
740
|
+
.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
|
|
723
741
|
white-space: nowrap !important;
|
|
724
742
|
}
|
|
725
743
|
|
|
726
|
-
.
|
|
744
|
+
.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
|
|
727
745
|
text-overflow: ellipsis !important;
|
|
728
746
|
}
|
|
729
747
|
|
|
730
|
-
.
|
|
748
|
+
.popup-module_popup-container__PJ0oQ {
|
|
749
|
+
--popup-width: 60vw;
|
|
750
|
+
--popup-height: 50vh;
|
|
731
751
|
position: fixed;
|
|
732
|
-
|
|
752
|
+
width: var(--popup-width);
|
|
753
|
+
height: var(--popup-height);
|
|
754
|
+
--slideXFrom: 0;
|
|
755
|
+
--slideYFrom: 0;
|
|
733
756
|
will-change: opacity;
|
|
734
|
-
transition: opacity
|
|
757
|
+
transition: opacity 300ms ease-in-out;
|
|
735
758
|
opacity: 0;
|
|
736
759
|
visibility: hidden;
|
|
737
|
-
|
|
738
|
-
background-color: #1B1D1D;
|
|
739
|
-
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
|
|
740
|
-
}
|
|
741
|
-
.tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
|
|
742
|
-
margin: 0;
|
|
743
|
-
padding: 0;
|
|
760
|
+
pointer-events: none;
|
|
744
761
|
}
|
|
745
|
-
.
|
|
746
|
-
|
|
747
|
-
-
|
|
748
|
-
|
|
749
|
-
-webkit-box-orient: vertical;
|
|
750
|
-
margin: 0;
|
|
762
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
|
|
763
|
+
position: relative;
|
|
764
|
+
flex-direction: column;
|
|
765
|
+
align-items: start;
|
|
751
766
|
width: 100%;
|
|
752
|
-
|
|
753
|
-
overflow:
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
opacity: 0;
|
|
761
|
-
visibility: hidden;
|
|
762
|
-
}
|
|
763
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
|
|
764
|
-
bottom: -16px;
|
|
765
|
-
}
|
|
766
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
767
|
-
transform: rotate(0deg);
|
|
768
|
-
}
|
|
769
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
|
|
770
|
-
top: -16px;
|
|
771
|
-
}
|
|
772
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
773
|
-
transform: rotate(180deg);
|
|
774
|
-
}
|
|
775
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
|
|
776
|
-
right: -16px;
|
|
777
|
-
}
|
|
778
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
779
|
-
transform: rotate(-90deg);
|
|
780
|
-
}
|
|
781
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
|
|
782
|
-
left: -16px;
|
|
783
|
-
}
|
|
784
|
-
.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
|
|
785
|
-
transform: rotate(90deg);
|
|
786
|
-
}
|
|
787
|
-
.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
|
|
788
|
-
position: absolute;
|
|
767
|
+
height: 100%;
|
|
768
|
+
overflow-x: clip;
|
|
769
|
+
background-color: #090A0A;
|
|
770
|
+
border-radius: 4px;
|
|
771
|
+
box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
|
|
772
|
+
transition: transform 350ms ease-out;
|
|
773
|
+
will-change: transform;
|
|
774
|
+
transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
|
|
789
775
|
}
|
|
790
|
-
.
|
|
791
|
-
|
|
792
|
-
border-width: 8px;
|
|
793
|
-
border-style: solid;
|
|
794
|
-
border-color: #1B1D1D transparent transparent transparent;
|
|
776
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
|
|
777
|
+
margin-bottom: 0;
|
|
795
778
|
}
|
|
796
|
-
|
|
797
|
-
.tooltip-module_close-button__o8OBN {
|
|
779
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
|
|
798
780
|
cursor: pointer;
|
|
799
781
|
line-height: 1px;
|
|
800
782
|
background-color: rgba(255, 255, 255, 0);
|
|
801
783
|
}
|
|
802
|
-
.
|
|
784
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
|
|
803
785
|
background-color: #FDDA0D;
|
|
804
786
|
width: 9px !important;
|
|
805
787
|
height: 9px !important;
|
|
806
788
|
line-height: 1px !important;
|
|
807
789
|
}
|
|
808
|
-
.
|
|
790
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
|
|
809
791
|
background-color: #FFEA00;
|
|
810
792
|
}
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
793
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
|
|
794
|
+
width: 100%;
|
|
795
|
+
height: 100%;
|
|
796
|
+
padding: 24px;
|
|
797
|
+
overflow-y: auto;
|
|
798
|
+
display: flex;
|
|
815
799
|
}
|
|
816
|
-
.
|
|
817
|
-
|
|
800
|
+
.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
|
|
801
|
+
overflow-y: auto;
|
|
818
802
|
}
|
|
819
|
-
.
|
|
820
|
-
|
|
803
|
+
.popup-module_popup-container__PJ0oQ[data-show] {
|
|
804
|
+
opacity: 1;
|
|
805
|
+
visibility: visible;
|
|
806
|
+
pointer-events: all;
|
|
821
807
|
}
|
|
822
|
-
.
|
|
823
|
-
|
|
808
|
+
.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
|
|
809
|
+
transform: translateX(0) translateY(0);
|
|
824
810
|
}
|
|
825
|
-
.
|
|
826
|
-
|
|
811
|
+
.popup-module_popup-container__PJ0oQ[data-show=false] {
|
|
812
|
+
opacity: 0;
|
|
813
|
+
visibility: hidden;
|
|
814
|
+
pointer-events: none;
|
|
815
|
+
}
|
|
816
|
+
.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
|
|
817
|
+
transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
|
|
821
|
+
background-color: #090A0A;
|
|
822
|
+
color: #F4F4F4;
|
|
823
|
+
}
|
|
824
|
+
.cui-theme-light .popup-module_popup-container-inner__n83Cz {
|
|
825
|
+
background-color: #090A0A;
|
|
826
|
+
color: #F4F4F4;
|
|
827
827
|
}
|
|
828
828
|
:root {
|
|
829
829
|
--divider-line: #4a4b4b;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{PeregrineMQ as r}from"./peregrineMQ.js";export{PeregrineMQClearError}from"./peregrineMQ.js";const e=new r;export{r as PeregrineMQ,e as
|
|
1
|
+
import{PeregrineMQ as r}from"./peregrineMQ.js";export{PeregrineMQClearError}from"./peregrineMQ.js";const e=new r;export{r as PeregrineMQ,e as peregrineMQInstance};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport type * from './peregrineMQ.types'\nexport * from './usePeregrineMQ.react'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"yGAIaA,EAAsB,IAAIC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useCallback as r,useRef as t,useEffect as c}from"react";const e=(e,n,
|
|
1
|
+
import{useCallback as r,useRef as t,useEffect as c}from"react";const e=(e,n,u)=>{const o=r(u,[u]),s=t();return c((()=>(s.current=e.subscribe(n,o),()=>{s?.current?.()})),[o,n,e]),[s.current,e.publish]};export{e as usePeregrineMQ};
|
|
2
2
|
//# sourceMappingURL=usePeregrineMQ.react.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n
|
|
1
|
+
{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n (() => boolean) | undefined,\n <T>(channel: string, data?: T) => boolean\n]\n\nexport const usePeregrineMQ = (\n peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n const memCallback = useCallback(callback, [callback])\n\n const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n useEffect(() => {\n unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n return (): void => {\n unsubscribeRef?.current?.()\n }\n }, [memCallback, channel, peregrineInstance])\n\n return [unsubscribeRef.current, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","current","subscribe","publish"],"mappings":"+DAUO,MAAMA,EAAiBA,CAC5BC,EAAgCC,EAAiBC,KAEjD,MAAMC,EAAcC,EAAYF,EAAU,CAACA,IAErCG,EAAiBC,IAUvB,OARAC,GAAU,KACRF,EAAeG,QAAUR,EAAkBS,UAAUR,EAASE,GAEvD,KACLE,GAAgBG,WAAW,IAE5B,CAACL,EAAaF,EAASD,IAEnB,CAACK,EAAeG,QAASR,EAAkBU,QAAQ"}
|