@os-design/core 1.0.212 → 1.0.213
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/cjs/message/index.js +4 -3
- package/dist/cjs/message/index.js.map +1 -1
- package/dist/esm/message/index.js +4 -3
- package/dist/esm/message/index.js.map +1 -1
- package/dist/types/LinkButton/index.d.ts +6 -1
- package/dist/types/LinkButton/index.d.ts.map +1 -1
- package/dist/types/ThemeSwitcher/index.d.ts +6 -1
- package/dist/types/ThemeSwitcher/index.d.ts.map +1 -1
- package/dist/types/message/index.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/message/index.tsx +4 -3
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _client = _interopRequireDefault(require("react-dom/client"));
|
|
10
10
|
var _Message = _interopRequireWildcard(require("./Message"));
|
|
11
11
|
var _styles = require("./styles");
|
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -50,11 +50,12 @@ var send = function send(type, text) {
|
|
|
50
50
|
type: type,
|
|
51
51
|
text: text
|
|
52
52
|
});
|
|
53
|
-
|
|
53
|
+
var root = _client["default"].createRoot(messageContainer);
|
|
54
|
+
root.render(messageElement);
|
|
54
55
|
|
|
55
56
|
// Delete the message container after N ms
|
|
56
57
|
setTimeout(function () {
|
|
57
|
-
|
|
58
|
+
root.unmount();
|
|
58
59
|
container.removeChild(messageContainer);
|
|
59
60
|
deleteContainerIfNoChildNodes();
|
|
60
61
|
}, _Message.MESSAGE_DURATION_MS);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_Message","_interopRequireWildcard","_styles","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","containerElement","getContainer","document","createElement","setStylesToHtmlElement","containerStyles","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageContainerStyles","messageElement","root","ReactDOM","createRoot","render","setTimeout","unmount","MESSAGE_DURATION_MS","message","info","success","error","_default","exports"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { AlertProps } from '../Alert';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport {\n containerStyles,\n messageContainerStyles,\n setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n if (!containerElement) {\n containerElement = document.createElement('div');\n setStylesToHtmlElement(containerElement, containerStyles);\n document.body.appendChild(containerElement);\n }\n return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n if (!containerElement || containerElement.hasChildNodes()) return;\n document.body.removeChild(containerElement);\n containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n // Create a new container for the message\n const container = getContainer();\n const messageContainer = document.createElement('div');\n setStylesToHtmlElement(messageContainer, messageContainerStyles);\n container.appendChild(messageContainer);\n\n // Render the message element\n const messageElement = <Message type={type} text={text} />;\n const root = ReactDOM.createRoot(messageContainer);\n root.render(messageElement);\n\n // Delete the message container after N ms\n setTimeout(() => {\n root.unmount();\n container.removeChild(messageContainer);\n deleteContainerIfNoChildNodes();\n }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n info: (text) => send('info', text),\n success: (text) => send('success', text),\n error: (text) => send('error', text),\n};\n\nexport default message;\n"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom';
|
|
2
|
+
import ReactDOM from 'react-dom/client';
|
|
3
3
|
import Message, { MESSAGE_DURATION_MS } from './Message';
|
|
4
4
|
import { containerStyles, messageContainerStyles, setStylesToHtmlElement } from './styles';
|
|
5
5
|
let containerElement;
|
|
@@ -40,11 +40,12 @@ const send = (type, text) => {
|
|
|
40
40
|
type: type,
|
|
41
41
|
text: text
|
|
42
42
|
});
|
|
43
|
-
ReactDOM.
|
|
43
|
+
const root = ReactDOM.createRoot(messageContainer);
|
|
44
|
+
root.render(messageElement);
|
|
44
45
|
|
|
45
46
|
// Delete the message container after N ms
|
|
46
47
|
setTimeout(() => {
|
|
47
|
-
|
|
48
|
+
root.unmount();
|
|
48
49
|
container.removeChild(messageContainer);
|
|
49
50
|
deleteContainerIfNoChildNodes();
|
|
50
51
|
}, MESSAGE_DURATION_MS);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","render","setTimeout","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","root","createRoot","render","setTimeout","unmount","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { AlertProps } from '../Alert';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport {\n containerStyles,\n messageContainerStyles,\n setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n if (!containerElement) {\n containerElement = document.createElement('div');\n setStylesToHtmlElement(containerElement, containerStyles);\n document.body.appendChild(containerElement);\n }\n return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n if (!containerElement || containerElement.hasChildNodes()) return;\n document.body.removeChild(containerElement);\n containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n // Create a new container for the message\n const container = getContainer();\n const messageContainer = document.createElement('div');\n setStylesToHtmlElement(messageContainer, messageContainerStyles);\n container.appendChild(messageContainer);\n\n // Render the message element\n const messageElement = <Message type={type} text={text} />;\n const root = ReactDOM.createRoot(messageContainer);\n root.render(messageElement);\n\n // Delete the message container after N ms\n setTimeout(() => {\n root.unmount();\n container.removeChild(messageContainer);\n deleteContainerIfNoChildNodes();\n }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n info: (text) => send('info', text),\n success: (text) => send('success', text),\n error: (text) => send('error', text),\n};\n\nexport default message;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,kBAAkB;AAEvC,OAAOC,OAAO,IAAIC,mBAAmB,QAAQ,WAAW;AACxD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAEjB,IAAIC,gBAAoC;;AAExC;AACA;AACA;AACA,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,IAAI,CAACD,gBAAgB,EAAE;IACrBA,gBAAgB,GAAGE,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAChDJ,sBAAsB,CAACC,gBAAgB,EAAEH,eAAe,CAAC;IACzDK,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,gBAAgB,CAAC;EAC7C;EACA,OAAOA,gBAAgB;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMM,6BAA6B,GAAGA,CAAA,KAAM;EAC1C,IAAI,CAACN,gBAAgB,IAAIA,gBAAgB,CAACO,aAAa,CAAC,CAAC,EAAE;EAC3DL,QAAQ,CAACE,IAAI,CAACI,WAAW,CAACR,gBAAgB,CAAC;EAC3CA,gBAAgB,GAAG,IAAI;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMS,IAAI,GAAGA,CAACC,IAAwB,EAAEC,IAAY,KAAK;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,CAAC,CAAC;EAChC,MAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACtDJ,sBAAsB,CAACc,gBAAgB,EAAEf,sBAAsB,CAAC;EAChEc,SAAS,CAACP,WAAW,CAACQ,gBAAgB,CAAC;;EAEvC;EACA,MAAMC,cAAc,gBAAGrB,KAAA,CAAAU,aAAA,CAACR,OAAO;IAACe,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;EAC1D,MAAMI,IAAI,GAAGrB,QAAQ,CAACsB,UAAU,CAACH,gBAAgB,CAAC;EAClDE,IAAI,CAACE,MAAM,CAACH,cAAc,CAAC;;EAE3B;EACAI,UAAU,CAAC,MAAM;IACfH,IAAI,CAACI,OAAO,CAAC,CAAC;IACdP,SAAS,CAACJ,WAAW,CAACK,gBAAgB,CAAC;IACvCP,6BAA6B,CAAC,CAAC;EACjC,CAAC,EAAEV,mBAAmB,CAAC;AACzB,CAAC;AAED,MAAMwB,OAA2D,GAAG;EAClEC,IAAI,EAAGV,IAAI,IAAKF,IAAI,CAAC,MAAM,EAAEE,IAAI,CAAC;EAClCW,OAAO,EAAGX,IAAI,IAAKF,IAAI,CAAC,SAAS,EAAEE,IAAI,CAAC;EACxCY,KAAK,EAAGZ,IAAI,IAAKF,IAAI,CAAC,OAAO,EAAEE,IAAI;AACrC,CAAC;AAED,eAAeS,OAAO"}
|
|
@@ -51,19 +51,23 @@ declare const LinkButton: React.ForwardRefExoticComponent<JsxAProps & ReactRoute
|
|
|
51
51
|
results?: number | undefined;
|
|
52
52
|
security?: string | undefined;
|
|
53
53
|
unselectable?: "on" | "off" | undefined;
|
|
54
|
-
inputMode?: "
|
|
54
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
55
55
|
is?: string | undefined;
|
|
56
56
|
'aria-activedescendant'?: string | undefined;
|
|
57
57
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
58
58
|
'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
|
|
59
|
+
'aria-braillelabel'?: string | undefined;
|
|
60
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
59
61
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
60
62
|
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
61
63
|
'aria-colcount'?: number | undefined;
|
|
62
64
|
'aria-colindex'?: number | undefined;
|
|
65
|
+
'aria-colindextext'?: string | undefined;
|
|
63
66
|
'aria-colspan'?: number | undefined;
|
|
64
67
|
'aria-controls'?: string | undefined;
|
|
65
68
|
'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
66
69
|
'aria-describedby'?: string | undefined;
|
|
70
|
+
'aria-description'?: string | undefined;
|
|
67
71
|
'aria-details'?: string | undefined;
|
|
68
72
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
69
73
|
'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -93,6 +97,7 @@ declare const LinkButton: React.ForwardRefExoticComponent<JsxAProps & ReactRoute
|
|
|
93
97
|
'aria-roledescription'?: string | undefined;
|
|
94
98
|
'aria-rowcount'?: number | undefined;
|
|
95
99
|
'aria-rowindex'?: number | undefined;
|
|
100
|
+
'aria-rowindextext'?: string | undefined;
|
|
96
101
|
'aria-rowspan'?: number | undefined;
|
|
97
102
|
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
98
103
|
'aria-setsize'?: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LinkButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAGtD,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE1D,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,WAAW,CAAC;AAoBd,QAAA,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LinkButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAGtD,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE1D,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,WAAW,CAAC;AAoBd,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFA0Df,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -49,19 +49,23 @@ declare const ThemeSwitcher: React.ForwardRefExoticComponent<{
|
|
|
49
49
|
results?: number | undefined;
|
|
50
50
|
security?: string | undefined;
|
|
51
51
|
unselectable?: "on" | "off" | undefined;
|
|
52
|
-
inputMode?: "
|
|
52
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
53
53
|
is?: string | undefined;
|
|
54
54
|
'aria-activedescendant'?: string | undefined;
|
|
55
55
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
56
56
|
'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
|
|
57
|
+
'aria-braillelabel'?: string | undefined;
|
|
58
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
57
59
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
58
60
|
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
59
61
|
'aria-colcount'?: number | undefined;
|
|
60
62
|
'aria-colindex'?: number | undefined;
|
|
63
|
+
'aria-colindextext'?: string | undefined;
|
|
61
64
|
'aria-colspan'?: number | undefined;
|
|
62
65
|
'aria-controls'?: string | undefined;
|
|
63
66
|
'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
64
67
|
'aria-describedby'?: string | undefined;
|
|
68
|
+
'aria-description'?: string | undefined;
|
|
65
69
|
'aria-details'?: string | undefined;
|
|
66
70
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
67
71
|
'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
@@ -91,6 +95,7 @@ declare const ThemeSwitcher: React.ForwardRefExoticComponent<{
|
|
|
91
95
|
'aria-roledescription'?: string | undefined;
|
|
92
96
|
'aria-rowcount'?: number | undefined;
|
|
93
97
|
'aria-rowindex'?: number | undefined;
|
|
98
|
+
'aria-rowindextext'?: string | undefined;
|
|
94
99
|
'aria-rowspan'?: number | undefined;
|
|
95
100
|
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
96
101
|
'aria-setsize'?: number | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAK7C,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAK7C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsBlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAsDtC,QAAA,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAI/D,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@os-design/core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.213",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design.git",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -23,23 +23,23 @@
|
|
|
23
23
|
"build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/esm --source-maps",
|
|
24
24
|
"build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/cjs --source-maps",
|
|
25
25
|
"build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
|
|
26
|
-
"build": "yarn clean && npm-run-all build:*",
|
|
26
|
+
"build": "yarn clean && npm-run-all 'build:*'",
|
|
27
27
|
"ncu": "ncu -u"
|
|
28
28
|
},
|
|
29
29
|
"publishConfig": {
|
|
30
30
|
"access": "public"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@os-design/date-picker-utils": "^1.0.
|
|
34
|
-
"@os-design/icons": "^1.0.
|
|
35
|
-
"@os-design/input-number-utils": "^1.0.
|
|
36
|
-
"@os-design/media": "^1.0.
|
|
37
|
-
"@os-design/menu-utils": "^1.0.
|
|
38
|
-
"@os-design/portal": "^1.0.
|
|
39
|
-
"@os-design/styles": "^1.0.
|
|
40
|
-
"@os-design/theming": "^1.0.
|
|
41
|
-
"@os-design/time-picker-utils": "^1.0.
|
|
42
|
-
"@os-design/utils": "^1.0.
|
|
33
|
+
"@os-design/date-picker-utils": "^1.0.22",
|
|
34
|
+
"@os-design/icons": "^1.0.54",
|
|
35
|
+
"@os-design/input-number-utils": "^1.0.29",
|
|
36
|
+
"@os-design/media": "^1.0.24",
|
|
37
|
+
"@os-design/menu-utils": "^1.0.20",
|
|
38
|
+
"@os-design/portal": "^1.0.16",
|
|
39
|
+
"@os-design/styles": "^1.0.51",
|
|
40
|
+
"@os-design/theming": "^1.0.49",
|
|
41
|
+
"@os-design/time-picker-utils": "^1.0.13",
|
|
42
|
+
"@os-design/utils": "^1.0.68",
|
|
43
43
|
"@os-team/password-score": "^1.0.5",
|
|
44
44
|
"facepaint": "^1.2.1",
|
|
45
45
|
"react-focus-lock": "^2.9.5",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"react": ">=18",
|
|
60
60
|
"react-dom": ">=18"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "2605fbf8f46c78800cd4ba6dcb0dd895a893bf96"
|
|
63
63
|
}
|
package/src/message/index.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom';
|
|
2
|
+
import ReactDOM from 'react-dom/client';
|
|
3
3
|
import { AlertProps } from '../Alert';
|
|
4
4
|
import Message, { MESSAGE_DURATION_MS } from './Message';
|
|
5
5
|
import {
|
|
@@ -43,11 +43,12 @@ const send = (type: AlertProps['type'], text: string) => {
|
|
|
43
43
|
|
|
44
44
|
// Render the message element
|
|
45
45
|
const messageElement = <Message type={type} text={text} />;
|
|
46
|
-
ReactDOM.
|
|
46
|
+
const root = ReactDOM.createRoot(messageContainer);
|
|
47
|
+
root.render(messageElement);
|
|
47
48
|
|
|
48
49
|
// Delete the message container after N ms
|
|
49
50
|
setTimeout(() => {
|
|
50
|
-
|
|
51
|
+
root.unmount();
|
|
51
52
|
container.removeChild(messageContainer);
|
|
52
53
|
deleteContainerIfNoChildNodes();
|
|
53
54
|
}, MESSAGE_DURATION_MS);
|