diff --git a/CHANGELOG.md b/CHANGELOG.md index 056fe2fd..4dab2739 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,45 +6,50 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ## [Unreleased] +## [23.3.0] - 2023-11-09 + ### Added - `` - - provide `labelProps` to configure the automatically injected `Label` element when `PropertyName` is only a string + - `labelProps`: configure the automatically injected `Label` element when `PropertyName` is only a string - `` - - Parameter `escapeToBlur`: If set to true the input field blurs/de-focuces when the `Escape` key is pressed. + - `escapeToBlur`: if set to true the input field blurs/de-focuces when the `Escape` key is pressed. - `` - - support for additional modes: jinja2, yaml and json + - support for additional modes: `jinja2`, `yaml` and `json` - add read-only mode - - add `height` parameter to set a fixed height of the editor - - add `wrapLines` option to control auto-wrapping long lines (the default for wrap long lines is set to false now) + - `height`: set a fixed height of the editor + - `wrapLines`: control auto-wrapping long lines (the default for wrap long lines is set to false now) - `` - `modalFocusable`: when `true` the outer `div` element of the modal can be focused by clicking on it. This is needed e.g. when key (down, up) events should trigger on the modal in order to bubble up to its parent elements. - `forceTopPosition`: when `true` then the `z-index` of the modal's portal element is recalculated, so that the modal is always displayed on top of all other visible elements. Use with care, see documentation. +- `` + - `preventTopPosition`: when true then the `z-index` is decreased to the value for modals. Use it when you need to display modal dialogs out of the context overlay. Type of counter property to `Modal.forceTopPosition`. - `` - - Support disabling the react-flow hot keys via a React context, e.g. `Delete` etc. + - support disabling the react-flow hot keys via a React context, e.g. `Delete` etc. - `` - new `category` options that lead to different handle layouts: `dependency`, `fixed`, `flexible` and `unknown` - `intent` option with defined colors for: primary, accent, info, success, warning, danger - `` - can be used as single handle content to add an context menu to handles - `` - - `introductionTime` parameter could be used to visualize the node was added or updated + - `introductionTime`: can be used to visualize the node was added or updated - `` - - `loose` property can be set to `true` to prevent the box with border on the label component + - `loose`: can be set to `true` to prevent the box with border on the label component - `` - - `toggleIcon`: Optional icon that should be displayed instead of the default ones. + - `toggleIcon`: optional icon that should be displayed instead of the default ones. - `Utilities` - - methods `getGlobalVar` and `setGlobalVar` can be used to manage global variables indepentently from component states. They are stored to the `window` object under a `eccgui` "namespace". Can be used for example to manage globally increased counters. Do not use them if you need to store user session properties or confidential data! + - `getGlobalVar` and `setGlobalVar`: can be used to manage global variables indepentently from component states. They are stored to the `window` object under a `eccgui` "namespace". Can be used for example to manage globally increased counters. Do not use them if you need to store user session properties or confidential data! +- canonical icons for `artefact-chatlog`, `entity-human`, `entity-robot` and `operation-magic` ### Changed -- ``: - - By default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected): - - Event handler: onContextMenu, onDrag, onDragStart, onDragEnd, onMouseDown, onMouseUp, onClick - - The handlers can be overwritten via `wrapperDivProps`. +- `` + - by default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected): + - event handler: `onContextMenu`, `onDrag`, `onDragStart`, `onDragEnd`, `onMouseDown`, `onMouseUp`, `onClick` + - handlers can be overwritten via `wrapperDivProps` - `` - - it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background` + - it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background` in its `style` attribute - `` - new `xlarge` size option - re-configure appearance of the sizes, `small` is displayed a bit smaller, `large` a bit larger than before @@ -52,10 +57,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ### Fixed - `` - - Escape key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`. + - `Escape` key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`. - `` - allow other `div` attributes, e.g. `style` -- Tooltips of Carbon based elements display correctly in position and layout +- tooltips of Carbon based elements are displayed correctly in position and layout - `` - force maximum width for situation when the block could be wider, e.g. inside a flex layout, otherwise name and value could be wrongly aligned in a list with other property value pairs diff --git a/package.json b/package.json index 002e92c5..fb2685db 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@eccenca/gui-elements", "description": "GUI elements based on other libraries, usable in React application, written in Typescript.", - "version": "23.2.0", + "version": "23.3.0", "license": "Apache-2.0", "homepage": "https://github.com/eccenca/gui-elements", "bugs": "https://github.com/eccenca/gui-elements/issues", @@ -152,8 +152,9 @@ "react-dom": ">=16" }, "resolutions": { + "**/@babel/traverse": "^7.23.2", "**/@types/react": "^17.0.59", - "**/postcss": "^8.4.23", + "**/postcss": "^8.4.31", "**/parse5": "^6.0.1" }, "husky": { diff --git a/src/components/Application/application.scss b/src/components/Application/application.scss index 64093b27..77dae0df 100644 --- a/src/components/Application/application.scss +++ b/src/components/Application/application.scss @@ -9,7 +9,3 @@ // @import '~@carbon/styles/scss/components/ui-shell/navigation-menu'; @import "content"; - -.#{$ns}-portal { - z-index: 10001; // higher than carbon ui shell header and delta to dialog portals -} diff --git a/src/components/ContextOverlay/ContextOverlay.tsx b/src/components/ContextOverlay/ContextOverlay.tsx index 5dc0bae2..ac5aa1a7 100644 --- a/src/components/ContextOverlay/ContextOverlay.tsx +++ b/src/components/ContextOverlay/ContextOverlay.tsx @@ -1,8 +1,6 @@ -import React from 'react'; -import { - Popover2 as BlueprintPropover, - Popover2Props as BlueprintPopoverProps, -} from "@blueprintjs/popover2"; +import React from "react"; +import { Popover2 as BlueprintPopover, Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2"; + import { CLASSPREFIX as eccgui } from "../../configuration/constants"; export interface ContextOverlayProps extends Omit { @@ -10,6 +8,11 @@ export interface ContextOverlayProps extends Omit { - return ( - {children} - - ) -} + + ); +}; export default ContextOverlay; diff --git a/src/components/ContextOverlay/contextoverlay.scss b/src/components/ContextOverlay/contextoverlay.scss index 9445cf17..f2fac321 100644 --- a/src/components/ContextOverlay/contextoverlay.scss +++ b/src/components/ContextOverlay/contextoverlay.scss @@ -5,6 +5,14 @@ $pt-dark-popover2-background-color: $dark-gray4 !default; @import "~@blueprintjs/popover2/src/popover2"; +.#{$ns}-portal { + z-index: $eccgui-zindex-overlays; +} + +.#{$eccgui}-contextoverlay__portal--lowertop { + z-index: $eccgui-zindex-modals; +} + .#{$ns}-overlay-content, .#{$ns}-popover2, .#{$ns}-popover2-content, diff --git a/src/components/Dialog/dialog.scss b/src/components/Dialog/dialog.scss index 19820e16..fae6ad19 100644 --- a/src/components/Dialog/dialog.scss +++ b/src/components/Dialog/dialog.scss @@ -16,7 +16,7 @@ $eccgui-color-modal-backdrop: rgba(invert($eccgui-color-workspace-background), 0 @import "~@blueprintjs/core/src/components/dialog/dialog"; .#{$eccgui}-dialog__portal { - z-index: 8001; // higher than carbon ui shell header + z-index: $eccgui-zindex-modals; } .#{$eccgui}-dialog__backdrop { diff --git a/src/components/Icon/canonicalIconNames.tsx b/src/components/Icon/canonicalIconNames.tsx index fe501793..e58216e0 100644 --- a/src/components/Icon/canonicalIconNames.tsx +++ b/src/components/Icon/canonicalIconNames.tsx @@ -14,6 +14,7 @@ export type ValidIconName = | "application-vocabularies" | "application-warning" | "application-hotkeys" + | "artefact-chatlog" | "artefact-commit" | "artefact-customtask" | "artefact-dataset" @@ -44,6 +45,8 @@ export type ValidIconName = | "artefact-workflow" | "data-sourcepath" | "data-targetpath" + | "entity-human" + | "entity-robot" | "item-add-artefact" | "item-clone" | "item-comment" @@ -108,6 +111,7 @@ export type ValidIconName = | "operation-fix" | "operation-link" | "operation-logout" + | "operation-magic" | "operation-merge" | "operation-redo" | "operation-search" @@ -165,6 +169,7 @@ const canonicalIconNames: Record = { "application-warning": icons.WarningAlt, "application-hotkeys": icons.Keyboard, + "artefact-chatlog": icons.Chat, "artefact-commit": icons.Commit, "artefact-customtask": icons.Script, "artefact-dataset-csv": icons.Csv, @@ -197,6 +202,9 @@ const canonicalIconNames: Record = { "data-sourcepath": icons.Data_2, "data-targetpath": icons.Data_1, + "entity-human": icons.User, + "entity-robot": icons.Bot, + "item-add-artefact": icons.AddAlt, "item-clone": icons.Copy, "item-comment": icons.AddComment, @@ -265,6 +273,7 @@ const canonicalIconNames: Record = { "operation-fix": icons.Tools, "operation-link": icons.Link, "operation-logout": icons.Logout, + "operation-magic": icons.MagicWand, "operation-merge": icons.DirectionMerge, "operation-redo": icons.Redo, "operation-search": icons.Search, diff --git a/src/configuration/_variables.scss b/src/configuration/_variables.scss index 8e036b9a..cd75ccac 100644 --- a/src/configuration/_variables.scss +++ b/src/configuration/_variables.scss @@ -17,25 +17,22 @@ $eccgui: "eccgui" !default; // -- Configuration stack of colors -------------------------------------------- -$eccgui-color-primary: rgb(254, 143, 1) !default; -$eccgui-color-primary-contrast: rgb(255, 255, 255) !default; -$eccgui-color-accent: rgb(10, 103, 163) !default; -$eccgui-color-accent-contrast: rgb(255, 255, 255) !default; - +$eccgui-color-primary: rgb(254 143 1) !default; +$eccgui-color-primary-contrast: rgb(255 255 255) !default; +$eccgui-color-accent: rgb(10 103 163) !default; +$eccgui-color-accent-contrast: rgb(255 255 255) !default; $eccgui-color-success-text: #1b5e20 !default; -$eccgui-color-success-background: rgb(232, 245, 233) !default; -$eccgui-color-info-text: rgb(21, 101, 192) !default; -$eccgui-color-info-background: rgb(227, 242, 253) !default; +$eccgui-color-success-background: rgb(232 245 233) !default; +$eccgui-color-info-text: rgb(21 101 192) !default; +$eccgui-color-info-background: rgb(227 242 253) !default; $eccgui-color-warning-text: #e65100 !default; -$eccgui-color-warning-background: rgb(255, 243, 224) !default; +$eccgui-color-warning-background: rgb(255 243 224) !default; $eccgui-color-danger-text: #b71c1c !default; -$eccgui-color-danger-background: rgb(255, 235, 238) !default; - +$eccgui-color-danger-background: rgb(255 235 238) !default; $eccgui-color-applicationheader-text: #222 !default; $eccgui-color-applicationheader-background: #ddd !default; $eccgui-color-workspace-text: #444 !default; $eccgui-color-workspace-background: #f5f5f5 !default; - $eccgui-color-application-text: $eccgui-color-workspace-text !default; // deprecated $eccgui-color-application-background: $eccgui-color-workspace-background !default; // deprecated @@ -52,7 +49,10 @@ $eccgui-font-family-fantasy: fantasy !default; $eccgui-font-family-default: $eccgui-font-family-sans !default; $eccgui-size-typo-base: 14px !default; // size including absolute unit, preferable px $eccgui-size-typo-base-lineheight: 1.39 !default; // only ratio to font size, no unit! -$eccgui-size-type-levelratio: math.div(7, 6) !default; // ratio without unit! used to calculate different text sizes, etc ... +$eccgui-size-type-levelratio: math.div( + 7, + 6 +) !default; // ratio without unit! used to calculate different text sizes, etc ... $eccgui-font-weight-light: 300 !default; $eccgui-font-weight-regular: 400 !default; @@ -74,6 +74,11 @@ $eccgui-opacity-muted: 0.61 !default; $eccgui-opacity-disabled: 0.39 !default; $eccgui-opacity-invisible: 0 !default; +// -- Configuration stack of z-indexes ----------------------------------------- + +$eccgui-zindex-modals: 8001 !default; // higher than carbon ui shell header +$eccgui-zindex-overlays: 10001 !default; // add delta to dialog portals + // -- Calculation of more config vars ------------------------------------------ /* @@ -81,52 +86,38 @@ $eccgui-opacity-invisible: 0 !default; it is not recommended to do so. */ -$eccgui-size-typo-caption: math.div(1, $eccgui-size-type-levelratio) * - $eccgui-size-typo-base !default; -$eccgui-size-typo-caption-lineheight: max( - $eccgui-size-type-levelratio * $eccgui-size-typo-base-lineheight, - 1 -) !default; +$eccgui-size-typo-caption: math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-base !default; +$eccgui-size-typo-caption-lineheight: max($eccgui-size-type-levelratio * $eccgui-size-typo-base-lineheight, 1) !default; $eccgui-size-typo-text: $eccgui-size-typo-base !default; // should be `1rem` but bp3 currently do not support rem units here, leads to errors in their calculations for values of other properties -$eccgui-size-typo-text-lineheight: max( - $eccgui-size-typo-base-lineheight, - 1 -) !default; -$eccgui-size-typo-subtitle: $eccgui-size-type-levelratio * - $eccgui-size-typo-text !default; +$eccgui-size-typo-text-lineheight: max($eccgui-size-typo-base-lineheight, 1) !default; +$eccgui-size-typo-subtitle: $eccgui-size-type-levelratio * $eccgui-size-typo-text !default; $eccgui-size-typo-subtitle-lineheight: max( math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-text-lineheight, 1 ) !default; -$eccgui-size-typo-title: $eccgui-size-type-levelratio * - $eccgui-size-typo-subtitle !default; +$eccgui-size-typo-title: $eccgui-size-type-levelratio * $eccgui-size-typo-subtitle !default; $eccgui-size-typo-title-lineheight: max( math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-subtitle-lineheight, 1 ) !default; -$eccgui-size-typo-headline: $eccgui-size-type-levelratio * - $eccgui-size-typo-title !default; +$eccgui-size-typo-headline: $eccgui-size-type-levelratio * $eccgui-size-typo-title !default; $eccgui-size-typo-headline-lineheight: max( math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-title-lineheight, 1 ) !default; -$eccgui-size-typo-display-1: $eccgui-size-type-levelratio * - $eccgui-size-typo-headline !default; +$eccgui-size-typo-display-1: $eccgui-size-type-levelratio * $eccgui-size-typo-headline !default; $eccgui-size-typo-display-1-lineheight: max( math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-headline-lineheight, 1 ) !default; -$eccgui-size-typo-display-2: $eccgui-size-type-levelratio * - $eccgui-size-typo-display-1 !default; +$eccgui-size-typo-display-2: $eccgui-size-type-levelratio * $eccgui-size-typo-display-1 !default; $eccgui-size-typo-display-2-lineheight: max( math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-display-1-lineheight, 1 ) !default; -$eccgui-size-typo-display-3: $eccgui-size-type-levelratio * - $eccgui-size-typo-display-2 !default; +$eccgui-size-typo-display-3: $eccgui-size-type-levelratio * $eccgui-size-typo-display-2 !default; $eccgui-size-typo-display-3-lineheight: max( math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-display-2-lineheight, 1 ) !default; - $eccgui-size-maxwidth-workview: 100 * $eccgui-size-typo-text; diff --git a/src/extensions/react-flow/handles/HandleDefault.tsx b/src/extensions/react-flow/handles/HandleDefault.tsx index b3ff1ec6..567b2fad 100644 --- a/src/extensions/react-flow/handles/HandleDefault.tsx +++ b/src/extensions/react-flow/handles/HandleDefault.tsx @@ -11,7 +11,9 @@ import { HandleContent, HandleContentProps } from "./HandleContent"; export type HandleCategory = "configuration" | "flexible" | "fixed" | "unknown" | "dependency"; -interface HandleExtensionProps extends ReacFlowVersionSupportProps { +interface HandleExtensionProps + extends ReacFlowVersionSupportProps, + Omit, "id" | "children"> { /** * Defines the handle category, mainly used to adjust layout. */ @@ -29,7 +31,6 @@ interface HandleExtensionProps extends ReacFlowVersionSupportProps { */ intent?: IntentTypes; children?: HandleContentProps["children"]; - onClick?: () => void; } export interface HandleProps extends HandleExtensionProps, ReactFlowHandleLegacyProps {} @@ -46,7 +47,7 @@ export const HandleDefault = memo( const [handleToolsDisplayed, setHandleToolsDisplayed] = React.useState(false); const routeClickToTools = React.useCallback( - (e) => { + (e: Event) => { const toolsTarget = handleDefaultRef.current.getElementsByClassName( `${eccgui}-graphviz__handletools-target` ); @@ -58,6 +59,15 @@ export const HandleDefault = memo( [handleDefaultRef] ); + React.useEffect(() => { + const toolsTarget = handleDefaultRef.current.getElementsByClassName( + `${eccgui}-graphviz__handletools-target` + ); + if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) { + toolsTarget[0].click(); + } + }, [handleToolsDisplayed]); + React.useEffect(() => { const toolsTarget = handleDefaultRef.current.getElementsByClassName( `${eccgui}-graphviz__handletools-target` @@ -68,10 +78,7 @@ export const HandleDefault = memo( // @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794 handleDefaultRef.current.classList.add(`ffpolyfill-has-${eccgui}-graphviz__handletools-target`); } - if (handleToolsDisplayed) { - toolsTarget[0].click(); - } - }, [handleToolsDisplayed]); + }); const tooltipTitle = tooltip ? { title: tooltip } : {}; @@ -103,17 +110,29 @@ export const HandleDefault = memo( const handleContent = {children}; + let switchTooltipTimerOn: ReturnType; const handleConfig = { ...handleProps, ...tooltipTitle, - className: intent ? ` ${intentClassName(intent)}` : "", - onClick: routeClickToTools, + className: intent ? `${intentClassName(intent)} ` : "", + onClick: (e: any) => { + if (handleProps.onClick) { + handleProps.onClick(e); + } + routeClickToTools(e); + }, "data-category": category, onMouseEnter: () => { - setExtendedTooltipDisplayed(true); + switchTooltipTimerOn = setTimeout( + () => setExtendedTooltipDisplayed(true), + data?.tooltipProps?.hoverOpenDelay ?? 500 + ); setHandleToolsDisplayed(false); }, - onMouseLeave: () => setExtendedTooltipDisplayed(false), + onMouseLeave: () => { + if (switchTooltipTimerOn) clearTimeout(switchTooltipTimerOn); + setExtendedTooltipDisplayed(false); + }, }; switch (flowVersionCheck) { diff --git a/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx b/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx index a2cabd68..0559e9c0 100644 --- a/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx +++ b/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx @@ -98,8 +98,9 @@ const Template: StoryFn = (args) => alert("Clicked handle."), }; export const UsingHandleTools = Template.bind({}); diff --git a/yarn.lock b/yarn.lock index 8482b3dd..56378800 100644 --- a/yarn.lock +++ b/yarn.lock @@ -41,7 +41,7 @@ dependencies: "@babel/highlight" "^7.18.6" -"@babel/code-frame@^7.12.13": +"@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.13": version "7.22.13" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e" integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w== @@ -121,6 +121,16 @@ "@jridgewell/trace-mapping" "^0.3.17" jsesc "^2.5.1" +"@babel/generator@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420" + integrity sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g== + dependencies: + "@babel/types" "^7.23.0" + "@jridgewell/gen-mapping" "^0.3.2" + "@jridgewell/trace-mapping" "^0.3.17" + jsesc "^2.5.1" + "@babel/generator@^7.7.2": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.15.tgz#1564189c7ec94cb8f77b5e8a90c4d200d21b2339" @@ -212,6 +222,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz#c769afefd41d171836f7cb63e295bedf689d48ba" integrity sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ== +"@babel/helper-environment-visitor@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167" + integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA== + "@babel/helper-explode-assignable-expression@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz#41f8228ef0a6f1a036b8dfdfec7ce94f9a6bc096" @@ -227,6 +242,14 @@ "@babel/template" "^7.20.7" "@babel/types" "^7.21.0" +"@babel/helper-function-name@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759" + integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw== + dependencies: + "@babel/template" "^7.22.15" + "@babel/types" "^7.23.0" + "@babel/helper-hoist-variables@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678" @@ -234,6 +257,13 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-hoist-variables@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb" + integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw== + dependencies: + "@babel/types" "^7.22.5" + "@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5" @@ -348,6 +378,13 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-split-export-declaration@^7.22.6": + version "7.22.6" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c" + integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g== + dependencies: + "@babel/types" "^7.22.5" + "@babel/helper-string-parser@^7.19.4": version "7.19.4" resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63" @@ -373,6 +410,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.15.tgz#601fa28e4cc06786c18912dca138cec73b882044" integrity sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ== +"@babel/helper-validator-identifier@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0" + integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A== + "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180" @@ -429,7 +471,7 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.8.tgz#822146080ac9c62dac0823bb3489622e0bc1cbdf" integrity sha512-RSKRfYX20dyH+elbJK2uqAkVyucL+xXzhqlMD5/ZXx+dAAwpyB7HsvnHe/ZUGOF+xLr5Wx9/JoXVTj6BQE2/oA== -"@babel/parser@^7.13.16", "@babel/parser@^7.21.5", "@babel/parser@^7.21.8", "@babel/parser@~7.21.2": +"@babel/parser@^7.13.16", "@babel/parser@^7.21.8", "@babel/parser@~7.21.2": version "7.21.8" resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.8.tgz#642af7d0333eab9c0ad70b14ac5e76dbde7bfdf8" integrity sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA== @@ -444,6 +486,11 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.13.tgz#5b2dd21cae4a2c5145f1fbd8ca103f9313d3b7e4" integrity sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg== +"@babel/parser@^7.22.15", "@babel/parser@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719" + integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw== + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2" @@ -1241,6 +1288,15 @@ "@babel/parser" "^7.20.7" "@babel/types" "^7.20.7" +"@babel/template@^7.22.15": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38" + integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w== + dependencies: + "@babel/code-frame" "^7.22.13" + "@babel/parser" "^7.22.15" + "@babel/types" "^7.22.15" + "@babel/template@^7.3.3": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31" @@ -1250,35 +1306,19 @@ "@babel/parser" "^7.18.6" "@babel/types" "^7.18.6" -"@babel/traverse@^7.1.6", "@babel/traverse@^7.21.5", "@babel/traverse@~7.21.2": - version "7.21.5" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.5.tgz#ad22361d352a5154b498299d523cf72998a4b133" - integrity sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw== - dependencies: - "@babel/code-frame" "^7.21.4" - "@babel/generator" "^7.21.5" - "@babel/helper-environment-visitor" "^7.21.5" - "@babel/helper-function-name" "^7.21.0" - "@babel/helper-hoist-variables" "^7.18.6" - "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/parser" "^7.21.5" - "@babel/types" "^7.21.5" - debug "^4.1.0" - globals "^11.1.0" - -"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4": - version "7.21.4" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36" - integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q== - dependencies: - "@babel/code-frame" "^7.21.4" - "@babel/generator" "^7.21.4" - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-function-name" "^7.21.0" - "@babel/helper-hoist-variables" "^7.18.6" - "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/parser" "^7.21.4" - "@babel/types" "^7.21.4" +"@babel/traverse@^7.1.6", "@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.21.5", "@babel/traverse@^7.23.2", "@babel/traverse@~7.21.2": + version "7.23.2" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.2.tgz#329c7a06735e144a506bdb2cad0268b7f46f4ad8" + integrity sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw== + dependencies: + "@babel/code-frame" "^7.22.13" + "@babel/generator" "^7.23.0" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-hoist-variables" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.22.6" + "@babel/parser" "^7.23.0" + "@babel/types" "^7.23.0" debug "^4.1.0" globals "^11.1.0" @@ -1317,6 +1357,15 @@ "@babel/helper-validator-identifier" "^7.22.15" to-fast-properties "^2.0.0" +"@babel/types@^7.22.5", "@babel/types@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.0.tgz#8c1f020c9df0e737e4e247c0619f58c68458aaeb" + integrity sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg== + dependencies: + "@babel/helper-string-parser" "^7.22.5" + "@babel/helper-validator-identifier" "^7.22.20" + to-fast-properties "^2.0.0" + "@base2/pretty-print-object@1.0.1": version "1.0.1" resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz#371ba8be66d556812dc7fb169ebc3c08378f69d4" @@ -11010,10 +11059,10 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== -postcss@^6.0.14, postcss@^7.0.6, postcss@^8.4.19, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.24: - version "8.4.23" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.23.tgz#df0aee9ac7c5e53e1075c24a3613496f9e6552ab" - integrity sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA== +postcss@^6.0.14, postcss@^7.0.6, postcss@^8.4.19, postcss@^8.4.21, postcss@^8.4.24, postcss@^8.4.31: + version "8.4.31" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d" + integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ== dependencies: nanoid "^3.3.6" picocolors "^1.0.0"