npm - @fluentui/react-charting - Versions diffs - 5.23.27 → 5.23.29 - Mend

@fluentui/react-charting 5.23.27 → 5.23.29

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.

Files changed (257) hide show

package/lib/utilities/SVGTooltipText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SVGTooltipText.js","sourceRoot":"../src/","sources":["utilities/SVGTooltipText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA+B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAqE7E;;;GAGG;AACH;IACU,kCAA2D;IAkBnE,wBAAY,KAA2B;QAAvC,YACE,kBAAM,KAAK,CAAC,SAQb;QAlBD,6CAA6C;QACrC,kBAAY,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAKjD,oBAAc,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;QAuExC,UAAI,GAAG;YACZ,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEK,aAAO,GAAG;YACf,KAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,uBAAiB,GAAG;YAC1B,IAAI,CAAC,KAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBAC9B,OAAO,SAAS,CAAC;aAClB;YAED,OAAO,KAAI,CAAC,YAAY,CAAC,OAAiC,CAAC;QAC7D,CAAC,CAAC;QAEM,qBAAe,GAAG,UAAC,EAAgC;YACzD,IAAI,KAAI,CAAC,qBAAqB,EAAE;gBAC9B,KAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;gBACnC,OAAO;aACR;YAED,KAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;QAEM,oBAAc,GAAG,UAAC,EAAgC;YACxD,sEAAsE;YACtE,sEAAsE;YACtE,uEAAuE;YACvE,yEAAyE;YACzE,6CAA6C;YAC7C,yDAAyD;YACzD,KAAI,CAAC,qBAAqB,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,MAAK,EAAE,CAAC,MAAM,CAAC;YAEnE,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,MAAM,CAAC,UAAU,CAAC;gBAC5C,KAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;QAEF,8DAA8D;QACtD,0BAAoB,GAAG,UAAC,EAAO;YAC7B,IAAA,KAAK,GAAK,KAAI,CAAC,KAAK,MAAf,CAAgB;YAE7B,IAAI,cAAc,CAAC,sBAAsB,IAAI,cAAc,CAAC,sBAAsB,KAAK,KAAI,EAAE;gBAC3F,cAAc,CAAC,sBAAsB,CAAC,OAAO,EAAE,CAAC;aACjD;YACD,cAAc,CAAC,sBAAsB,GAAG,KAAI,CAAC;YAE7C,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE;gBAC7B,OAAO;aACR;YAED,IAAI,EAAE,CAAC,MAAM,IAAI,qBAAqB,CAAC,EAAE,CAAC,MAAqB,EAAE,KAAI,CAAC,iBAAiB,EAAE,CAAC,EAAE;gBAC1F,8EAA8E;gBAC9E,OAAO;aACR;YAED,KAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,KAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,KAAK,KAAK,YAAY,CAAC,IAAI,EAAE;gBAC/B,IAAM,SAAS,GAAG,KAAI,CAAC,aAAa,CAAC,KAAM,CAAC,CAAC,CAAC,yDAAyD;gBAEvG,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,MAAM,CAAC,UAAU,CAAC;oBACzC,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAC5B,CAAC,EAAE,SAAS,CAAC,CAAC;aACf;iBAAM;gBACL,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aAC3B;QACH,CAAC,CAAC;QAEF,8DAA8D;QACtD,0BAAoB,GAAG,UAAC,EAAO;YAC7B,IAAA,UAAU,GAAK,KAAI,CAAC,KAAK,WAAf,CAAgB;YAElC,KAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,KAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,UAAU,EAAE;gBACd,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,MAAM,CAAC,UAAU,CAAC;oBAC5C,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC,EAAE,UAAU,CAAC,CAAC;aAChB;iBAAM;gBACL,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC5B;YAED,IAAI,cAAc,CAAC,sBAAsB,KAAK,KAAI,EAAE;gBAClD,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC;aACnD;QACH,CAAC,CAAC;QAEM,uBAAiB,GAAG,UAAC,EAAmC;YAC9D,mDAAmD;YACnD,IAAI,CAAC,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,KAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;gBAC/E,KAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,EAAE,CAAC,eAAe,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;QAEM,wBAAkB,GAAG;YAC3B,KAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC,CAAC;QAEM,qBAAe,GAAG;YACxB,KAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEM,kBAAY,GAAG;YACrB,KAAI,CAAC,eAAe,EAAE,CAAC;YACvB,KAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEM,oBAAc,GAAG,UAAC,gBAAyB;YACjD,IAAI,KAAI,CAAC,KAAK,CAAC,gBAAgB,KAAK,gBAAgB,EAAE;gBACpD,KAAI,CAAC,QAAQ,CAAC,EAAE,gBAAgB,kBAAA,EAAE,CAAC,CAAC;aACrC;QACH,CAAC,CAAC;QAEM,mBAAa,GAAG,UAAC,KAAmB;YAC1C,QAAQ,KAAK,EAAE;gBACb,KAAK,YAAY,CAAC,MAAM;oBACtB,OAAO,GAAG,CAAC;gBACb,KAAK,YAAY,CAAC,IAAI;oBACpB,OAAO,GAAG,CAAC;gBACb;oBACE,OAAO,CAAC,CAAC;aACZ;QACH,CAAC,CAAC;QAEM,kBAAY,GAAG;YACf,IAAA,KAA2E,KAAI,CAAC,KAAK,EAAnF,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,MAAM,CAAC,iBAAiB,KAAA,EAAE,SAAS,eAAe,CAAC;YAE5F,IAAI,aAAa,GAAG,KAAK,CAAC;YAC1B,IAAI,OAAO,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE,KAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE;gBAC5F,aAAa,GAAG,IAAI,CAAC;aACtB;YAED,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,KAAK,aAAa,EAAE;gBAC9C,KAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,eAAA,EAAE,CAAC,CAAC;aAClC;QACH,CAAC,CAAC;QA9MA,KAAI,CAAC,KAAK,GAAG;YACX,gBAAgB,EAAE,KAAK;YACvB,aAAa,EAAE,KAAK;SACrB,CAAC;QAEF,KAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,KAAI,CAAC,CAAC;;IAChC,CAAC;IAEM,+BAAM,GAAb;QACQ,IAAA,KAAkE,IAAI,CAAC,KAAK,EAA1E,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAe,CAAC;QAC3E,IAAA,gBAAgB,GAAK,IAAI,CAAC,KAAK,iBAAf,CAAgB;QACxC,IAAM,kBAAkB,cACtB,OAAO,SAAA,EACP,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACvC,YAAY,EAAE;gBACZ,SAAS,EAAE,IAAI,CAAC,YAAY;gBAC5B,YAAY,EAAE,IAAI,CAAC,oBAAoB;gBACvC,YAAY,EAAE,IAAI,CAAC,oBAAoB;aACxC,EACD,YAAY,EAAE,IAAI,CAAC,oBAAoB,EACvC,YAAY,EAAE,IAAI,CAAC,oBAAoB,IACpC,YAAY,CAChB,CAAC;QAEF,IAAM,WAAW,GACf,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;QAElH,OAAO,CACL;YACE,yCACM,SAAS,IACb,EAAE,EAAE,IAAI,CAAC,cAAc,EACvB,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,cAAc,EAAE,IAAI,CAAC,eAAe,EACpC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,YAAY,EAAE,IAAI,CAAC,oBAAoB,EACvC,YAAY,EAAE,IAAI,CAAC,oBAAoB,EACvC,SAAS,EAAE,IAAI,CAAC,iBAAiB,uBACd,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAEhE,OAAO,CACH;YACN,WAAW,IAAI,oBAAC,OAAO,eAAK,kBAAkB,EAAI,CAClD,CACJ,CAAC;IACJ,CAAC;IAEM,0CAAiB,GAAxB;QACE,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEM,2CAAkB,GAAzB,UAA0B,SAAyC;QACjE,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE;YAC9F,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;IACH,CAAC;IAEM,6CAAoB,GAA3B;QACE,IAAI,cAAc,CAAC,sBAAsB,IAAI,cAAc,CAAC,sBAAsB,KAAK,IAAI,EAAE;YAC3F,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC;SACnD;QAED,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAjFa,2BAAY,GAAG;QAC3B,KAAK,EAAE,YAAY,CAAC,MAAM;KAC3B,AAFyB,CAExB;IA+NJ,qBAAC;CAAA,AArOD,CACU,KAAK,CAAC,SAAS,GAoOxB;SArOY,cAAc","sourcesContent":["import * as React from 'react';\nimport { ITooltipHost, ITooltipProps, Tooltip, TooltipDelay } from '@fluentui/react/lib/Tooltip';\nimport { Async, KeyCodes, getId, portalContainsElement } from '../Utilities';\n\ninterface ISVGTooltipTextProps {\n /*\n Number of milliseconds to delay closing the tooltip, so that the user has time to hover over\n * the tooltip and interact with it. Hovering over the tooltip will count as hovering over the\n * host, so that the tooltip will stay open if the user is actively interacting with it.\n /\n closeDelay?: number;\n\n /\n Content to display in the Tooltip.\n /\n content?: string;\n\n /\n Length of delay before showing the tooltip on hover.\n * @defaultvalue TooltipDelay.medium\n /\n delay?: TooltipDelay;\n\n /\n Additional properties to pass through for Tooltip.\n /\n tooltipProps?: ITooltipProps;\n\n /\n Additional properties to pass through for SVG <text>.\n /\n textProps?: React.SVGAttributes<SVGTextElement>;\n\n /\n Max width of text\n /\n maxWidth?: number;\n\n /\n Max height of text\n /\n maxHeight?: number;\n\n /\n Pass false to make prevent the tooptip from receiving focus through keyboard\n * Eg: In Pie Chart, the focus should only land on the arcs and not on the text to\n * avoid repitition of the same datapoint\n * @defaultvalue true\n /\n shouldReceiveFocus?: boolean;\n\n /\n Pass true to show tooltip directly\n * Eg: In Pie Chart, the tooltip is shown when the arc is focussed, so the prop is set to true,\n * to directly show the tooltip from this component\n * @defaultvalue false\n /\n isTooltipVisibleProp?: boolean;\n\n /\n Function to wrap text within specified width and height\n * and return a boolean value indicating whether the text overflowed\n /\n wrapContent?: (content: string, id: string, maxWidth: number, maxHeight?: number) => boolean;\n}\n\ninterface ISVGTooltipTextState {\n isTooltipVisible: boolean;\n isOverflowing: boolean;\n}\n\n/\n Component to render an SVG text element with an optional tooltip.\n * The tooltip appears on hovering and focusing the element when its content overflows.\n /\nexport class SVGTooltipText\n extends React.Component<ISVGTooltipTextProps, ISVGTooltipTextState>\n implements ITooltipHost\n{\n public static defaultProps = {\n delay: TooltipDelay.medium,\n };\n\n private static _currentVisibleTooltip: ITooltipHost \| undefined;\n\n /* The element that gets the hover events */\n private _tooltipHost = React.createRef<SVGTextElement>();\n\n private _async: Async;\n private _dismissTimerId: number;\n private _openTimerId: number;\n private _tooltipHostId = getId('tooltip-host');\n private _ignoreNextFocusEvent: boolean;\n\n constructor(props: ISVGTooltipTextProps) {\n super(props);\n\n this.state = {\n isTooltipVisible: false,\n isOverflowing: false,\n };\n\n this._async = new Async(this);\n }\n\n public render(): React.ReactNode {\n const { content, tooltipProps, textProps, shouldReceiveFocus = true } = this.props;\n const { isTooltipVisible } = this.state;\n const tooltipRenderProps: ITooltipProps = {\n content,\n targetElement: this._getTargetElement(),\n calloutProps: {\n onDismiss: this._hideTooltip,\n onMouseEnter: this._onTooltipMouseEnter,\n onMouseLeave: this._onTooltipMouseLeave,\n },\n onMouseEnter: this._onTooltipMouseEnter,\n onMouseLeave: this._onTooltipMouseLeave,\n ...tooltipProps,\n };\n\n const showTooltip =\n (!!this.props.isTooltipVisibleProp && this.state.isOverflowing && !!content) \|\| (isTooltipVisible && !!content);\n\n return (\n <>\n <text\n {...textProps}\n id={this._tooltipHostId}\n ref={this._tooltipHost}\n onFocusCapture={this._onTooltipFocus}\n onBlurCapture={this._onTooltipBlur}\n onMouseEnter={this._onTooltipMouseEnter}\n onMouseLeave={this._onTooltipMouseLeave}\n onKeyDown={this._onTooltipKeyDown}\n data-is-focusable={shouldReceiveFocus && this.state.isOverflowing}\n >\n {content}\n </text>\n {showTooltip && <Tooltip {...tooltipRenderProps} />}\n </>\n );\n }\n\n public componentDidMount(): void {\n this._wrapContent();\n }\n\n public componentDidUpdate(prevProps: Readonly<ISVGTooltipTextProps>): void {\n if (this.props.maxWidth !== prevProps.maxWidth \|\| this.props.maxHeight !== prevProps.maxHeight) {\n this._wrapContent();\n }\n }\n\n public componentWillUnmount(): void {\n if (SVGTooltipText._currentVisibleTooltip && SVGTooltipText._currentVisibleTooltip === this) {\n SVGTooltipText._currentVisibleTooltip = undefined;\n }\n\n this._async.dispose();\n }\n\n public show = (): void => {\n this._toggleTooltip(true);\n };\n\n public dismiss = (): void => {\n this._hideTooltip();\n };\n\n private _getTargetElement = (): HTMLElement \| undefined => {\n if (!this._tooltipHost.current) {\n return undefined;\n }\n\n return this._tooltipHost.current as unknown as HTMLElement;\n };\n\n private _onTooltipFocus = (ev: React.FocusEvent<SVGElement>) => {\n if (this._ignoreNextFocusEvent) {\n this._ignoreNextFocusEvent = false;\n return;\n }\n\n this._onTooltipMouseEnter(ev);\n };\n\n private _onTooltipBlur = (ev: React.FocusEvent<SVGElement>) => {\n // The focused element gets a blur event when the document loses focus\n // (e.g. switching tabs in the browser), but we don't want to show the\n // tooltip again when the document gets focus back. Handle this case by\n // checking if the blurred element is still the document's activeElement,\n // and ignoring when it next gets focus back.\n // See https://github.com/microsoft/fluentui/issues/13541\n this._ignoreNextFocusEvent = document?.activeElement === ev.target;\n\n this._dismissTimerId = this._async.setTimeout(() => {\n this._hideTooltip();\n }, 0);\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private _onTooltipMouseEnter = (ev: any): void => {\n const { delay } = this.props;\n\n if (SVGTooltipText._currentVisibleTooltip && SVGTooltipText._currentVisibleTooltip !== this) {\n SVGTooltipText._currentVisibleTooltip.dismiss();\n }\n SVGTooltipText._currentVisibleTooltip = this;\n\n if (!this.state.isOverflowing) {\n return;\n }\n\n if (ev.target && portalContainsElement(ev.target as HTMLElement, this._getTargetElement())) {\n // Do not show tooltip when target is inside a portal relative to TooltipHost.\n return;\n }\n\n this._clearDismissTimer();\n this._clearOpenTimer();\n\n if (delay !== TooltipDelay.zero) {\n const delayTime = this._getDelayTime(delay!); // non-null assertion because we set it in `defaultProps`\n\n this._openTimerId = this._async.setTimeout(() => {\n this._toggleTooltip(true);\n }, delayTime);\n } else {\n this._toggleTooltip(true);\n }\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private _onTooltipMouseLeave = (ev: any): void => {\n const { closeDelay } = this.props;\n\n this._clearDismissTimer();\n this._clearOpenTimer();\n\n if (closeDelay) {\n this._dismissTimerId = this._async.setTimeout(() => {\n this._toggleTooltip(false);\n }, closeDelay);\n } else {\n this._toggleTooltip(false);\n }\n\n if (SVGTooltipText._currentVisibleTooltip === this) {\n SVGTooltipText._currentVisibleTooltip = undefined;\n }\n };\n\n private _onTooltipKeyDown = (ev: React.KeyboardEvent<SVGElement>): void => {\n // eslint-disable-next-line deprecation/deprecation\n if ((ev.which === KeyCodes.escape \|\| ev.ctrlKey) && this.state.isTooltipVisible) {\n this._hideTooltip();\n ev.stopPropagation();\n }\n };\n\n private _clearDismissTimer = (): void => {\n this._async.clearTimeout(this._dismissTimerId);\n };\n\n private _clearOpenTimer = (): void => {\n this._async.clearTimeout(this._openTimerId);\n };\n\n private _hideTooltip = (): void => {\n this._clearOpenTimer();\n this._clearDismissTimer();\n this._toggleTooltip(false);\n };\n\n private _toggleTooltip = (isTooltipVisible: boolean): void => {\n if (this.state.isTooltipVisible !== isTooltipVisible) {\n this.setState({ isTooltipVisible });\n }\n };\n\n private _getDelayTime = (delay: TooltipDelay): number => {\n switch (delay) {\n case TooltipDelay.medium:\n return 300;\n case TooltipDelay.long:\n return 500;\n default:\n return 0;\n }\n };\n\n private _wrapContent = () => {\n const { content, wrapContent, maxWidth = Number.POSITIVE_INFINITY, maxHeight } = this.props;\n\n let isOverflowing = false;\n if (content && wrapContent && wrapContent(content, this._tooltipHostId, maxWidth, maxHeight)) {\n isOverflowing = true;\n }\n\n if (this.state.isOverflowing !== isOverflowing) {\n this.setState({ isOverflowing });\n }\n };\n}\n"]}
1	+ {"version":3,"file":"SVGTooltipText.js","sourceRoot":"../src/","sources":["utilities/SVGTooltipText.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ITooltipHost, ITooltipProps, Tooltip, TooltipDelay } from '@fluentui/react/lib/Tooltip';\nimport { Async, KeyCodes, getId, portalContainsElement } from '../Utilities';\n\ninterface ISVGTooltipTextProps {\n /*\n Number of milliseconds to delay closing the tooltip, so that the user has time to hover over\n * the tooltip and interact with it. Hovering over the tooltip will count as hovering over the\n * host, so that the tooltip will stay open if the user is actively interacting with it.\n /\n closeDelay?: number;\n\n /\n Content to display in the Tooltip.\n /\n content?: string;\n\n /\n Length of delay before showing the tooltip on hover.\n * @defaultvalue TooltipDelay.medium\n /\n delay?: TooltipDelay;\n\n /\n Additional properties to pass through for Tooltip.\n /\n tooltipProps?: ITooltipProps;\n\n /\n Additional properties to pass through for SVG <text>.\n /\n textProps?: React.SVGAttributes<SVGTextElement>;\n\n /\n Max width of text\n /\n maxWidth?: number;\n\n /\n Max height of text\n /\n maxHeight?: number;\n\n /\n Pass false to make prevent the tooptip from receiving focus through keyboard\n * Eg: In Pie Chart, the focus should only land on the arcs and not on the text to\n * avoid repitition of the same datapoint\n * @defaultvalue true\n /\n shouldReceiveFocus?: boolean;\n\n /\n Pass true to show tooltip directly\n * Eg: In Pie Chart, the tooltip is shown when the arc is focussed, so the prop is set to true,\n * to directly show the tooltip from this component\n * @defaultvalue false\n /\n isTooltipVisibleProp?: boolean;\n\n /\n Function to wrap text within specified width and height\n * and return a boolean value indicating whether the text overflowed\n /\n wrapContent?: (content: string, id: string, maxWidth: number, maxHeight?: number) => boolean;\n}\n\ninterface ISVGTooltipTextState {\n isTooltipVisible: boolean;\n isOverflowing: boolean;\n}\n\n/\n Component to render an SVG text element with an optional tooltip.\n * The tooltip appears on hovering and focusing the element when its content overflows.\n /\nexport class SVGTooltipText\n extends React.Component<ISVGTooltipTextProps, ISVGTooltipTextState>\n implements ITooltipHost\n{\n public static defaultProps = {\n delay: TooltipDelay.medium,\n };\n\n private static _currentVisibleTooltip: ITooltipHost \| undefined;\n\n /* The element that gets the hover events */\n private _tooltipHost = React.createRef<SVGTextElement>();\n\n private _async: Async;\n private _dismissTimerId: number;\n private _openTimerId: number;\n private _tooltipHostId = getId('tooltip-host');\n private _ignoreNextFocusEvent: boolean;\n\n constructor(props: ISVGTooltipTextProps) {\n super(props);\n\n this.state = {\n isTooltipVisible: false,\n isOverflowing: false,\n };\n\n this._async = new Async(this);\n }\n\n public render(): React.ReactNode {\n const { content, tooltipProps, textProps, shouldReceiveFocus = true } = this.props;\n const { isTooltipVisible } = this.state;\n const tooltipRenderProps: ITooltipProps = {\n content,\n targetElement: this._getTargetElement(),\n calloutProps: {\n onDismiss: this._hideTooltip,\n onMouseEnter: this._onTooltipMouseEnter,\n onMouseLeave: this._onTooltipMouseLeave,\n },\n onMouseEnter: this._onTooltipMouseEnter,\n onMouseLeave: this._onTooltipMouseLeave,\n ...tooltipProps,\n };\n\n const showTooltip =\n (!!this.props.isTooltipVisibleProp && this.state.isOverflowing && !!content) \|\| (isTooltipVisible && !!content);\n\n return (\n <>\n <text\n {...textProps}\n id={this._tooltipHostId}\n ref={this._tooltipHost}\n onFocusCapture={this._onTooltipFocus}\n onBlurCapture={this._onTooltipBlur}\n onMouseEnter={this._onTooltipMouseEnter}\n onMouseLeave={this._onTooltipMouseLeave}\n onKeyDown={this._onTooltipKeyDown}\n data-is-focusable={shouldReceiveFocus && this.state.isOverflowing}\n >\n {content}\n </text>\n {showTooltip && <Tooltip {...tooltipRenderProps} />}\n </>\n );\n }\n\n public componentDidMount(): void {\n this._wrapContent();\n }\n\n public componentDidUpdate(prevProps: Readonly<ISVGTooltipTextProps>): void {\n if (this.props.maxWidth !== prevProps.maxWidth \|\| this.props.maxHeight !== prevProps.maxHeight) {\n this._wrapContent();\n }\n }\n\n public componentWillUnmount(): void {\n if (SVGTooltipText._currentVisibleTooltip && SVGTooltipText._currentVisibleTooltip === this) {\n SVGTooltipText._currentVisibleTooltip = undefined;\n }\n\n this._async.dispose();\n }\n\n public show = (): void => {\n this._toggleTooltip(true);\n };\n\n public dismiss = (): void => {\n this._hideTooltip();\n };\n\n private _getTargetElement = (): HTMLElement \| undefined => {\n if (!this._tooltipHost.current) {\n return undefined;\n }\n\n return this._tooltipHost.current as unknown as HTMLElement;\n };\n\n private _onTooltipFocus = (ev: React.FocusEvent<SVGElement>) => {\n if (this._ignoreNextFocusEvent) {\n this._ignoreNextFocusEvent = false;\n return;\n }\n\n this._onTooltipMouseEnter(ev);\n };\n\n private _onTooltipBlur = (ev: React.FocusEvent<SVGElement>) => {\n // The focused element gets a blur event when the document loses focus\n // (e.g. switching tabs in the browser), but we don't want to show the\n // tooltip again when the document gets focus back. Handle this case by\n // checking if the blurred element is still the document's activeElement,\n // and ignoring when it next gets focus back.\n // See https://github.com/microsoft/fluentui/issues/13541\n this._ignoreNextFocusEvent = document?.activeElement === ev.target;\n\n this._dismissTimerId = this._async.setTimeout(() => {\n this._hideTooltip();\n }, 0);\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private _onTooltipMouseEnter = (ev: any): void => {\n const { delay } = this.props;\n\n if (SVGTooltipText._currentVisibleTooltip && SVGTooltipText._currentVisibleTooltip !== this) {\n SVGTooltipText._currentVisibleTooltip.dismiss();\n }\n SVGTooltipText._currentVisibleTooltip = this;\n\n if (!this.state.isOverflowing) {\n return;\n }\n\n if (ev.target && portalContainsElement(ev.target as HTMLElement, this._getTargetElement())) {\n // Do not show tooltip when target is inside a portal relative to TooltipHost.\n return;\n }\n\n this._clearDismissTimer();\n this._clearOpenTimer();\n\n if (delay !== TooltipDelay.zero) {\n const delayTime = this._getDelayTime(delay!); // non-null assertion because we set it in `defaultProps`\n\n this._openTimerId = this._async.setTimeout(() => {\n this._toggleTooltip(true);\n }, delayTime);\n } else {\n this._toggleTooltip(true);\n }\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private _onTooltipMouseLeave = (ev: any): void => {\n const { closeDelay } = this.props;\n\n this._clearDismissTimer();\n this._clearOpenTimer();\n\n if (closeDelay) {\n this._dismissTimerId = this._async.setTimeout(() => {\n this._toggleTooltip(false);\n }, closeDelay);\n } else {\n this._toggleTooltip(false);\n }\n\n if (SVGTooltipText._currentVisibleTooltip === this) {\n SVGTooltipText._currentVisibleTooltip = undefined;\n }\n };\n\n private _onTooltipKeyDown = (ev: React.KeyboardEvent<SVGElement>): void => {\n // eslint-disable-next-line deprecation/deprecation\n if ((ev.which === KeyCodes.escape \|\| ev.ctrlKey) && this.state.isTooltipVisible) {\n this._hideTooltip();\n ev.stopPropagation();\n }\n };\n\n private _clearDismissTimer = (): void => {\n this._async.clearTimeout(this._dismissTimerId);\n };\n\n private _clearOpenTimer = (): void => {\n this._async.clearTimeout(this._openTimerId);\n };\n\n private _hideTooltip = (): void => {\n this._clearOpenTimer();\n this._clearDismissTimer();\n this._toggleTooltip(false);\n };\n\n private _toggleTooltip = (isTooltipVisible: boolean): void => {\n if (this.state.isTooltipVisible !== isTooltipVisible) {\n this.setState({ isTooltipVisible });\n }\n };\n\n private _getDelayTime = (delay: TooltipDelay): number => {\n switch (delay) {\n case TooltipDelay.medium:\n return 300;\n case TooltipDelay.long:\n return 500;\n default:\n return 0;\n }\n };\n\n private _wrapContent = () => {\n const { content, wrapContent, maxWidth = Number.POSITIVE_INFINITY, maxHeight } = this.props;\n\n let isOverflowing = false;\n if (content && wrapContent && wrapContent(content, this._tooltipHostId, maxWidth, maxHeight)) {\n isOverflowing = true;\n }\n\n if (this.state.isOverflowing !== isOverflowing) {\n this.setState({ isOverflowing });\n }\n };\n}\n"]}

package/lib/utilities/colors.js CHANGED Viewed

@@ -48,54 +48,54 @@ export var DataVizPalette = {
     highSuccess: 'semantic.highSuccess',
 };
 var QualitativePalette = {
-    '1': ['#637cef'],
-    '2': ['#e3008c'],
-    '3': ['#2aa0a4'],
-    '4': ['#9373c0'],
-    '5': ['#13a10e'],
-    '6': ['#3a96dd'],
-    '7': ['#ca5010'],
-    '8': ['#57811b'],
-    '9': ['#b146c2'],
-    '10': ['#ae8c00'],
-    '11': ['#3c51b4', '#93a4f4'],
-    '12': ['#ad006a', '#ee5fb7'],
-    '13': ['#026467', '#4cb4b7'],
-    '14': ['#674c8c', '#a083c9'],
-    '15': ['#0e7a0b', '#27ac22'],
-    '16': ['#2c72a8', '#4fa1e1'],
-    '17': ['#9a3d0c', '#d77440'],
-    '18': ['#405f14', '#73aa24'],
-    '19': ['#863593', '#c36bd1'],
-    '20': ['#6d5700', '#d0b232'],
-    '21': ['#4f6bed'],
-    '22': ['#ea38a6'],
-    '23': ['#038387'],
-    '24': ['#8764b8'],
-    '25': ['#11910d'],
-    '26': ['#3487c7'],
-    '27': ['#d06228'],
-    '28': ['#689920'],
-    '29': ['#ba58c9'],
-    '30': ['#937700', '#c19c00'],
-    '31': ['#2c3c85', '#c8d1fa'],
-    '32': ['#7f004e', '#f7adda'],
-    '33': ['#02494c', '#9bd9db'],
-    '34': ['#4c3867', '#b29ad4'],
-    '35': ['#0b5a08', '#a7e3a5'],
-    '36': ['#20547c', '#83bdeb'],
-    '37': ['#712d09', '#df8e64'],
-    '38': ['#23330b', '#a4cc6c'],
-    '39': ['#63276d', '#cf87da'],
+    '1': ['#637cef'], // [cornflower.tint10],
+    '2': ['#e3008c'], // [hotPink.primary],
+    '3': ['#2aa0a4'], // [teal.tint20],
+    '4': ['#9373c0'], // [orchid.tint10],
+    '5': ['#13a10e'], // [lightGreen.primary],
+    '6': ['#3a96dd'], // [lightBlue.primary],
+    '7': ['#ca5010'], // [pumpkin.primary],
+    '8': ['#57811b'], // [lime.shade20],
+    '9': ['#b146c2'], // [lilac.primary],
+    '10': ['#ae8c00'], // [gold.shade10],
+    '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],
+    '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],
+    '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],
+    '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],
+    '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],
+    '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],
+    '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],
+    '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],
+    '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],
+    '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],
+    '21': ['#4f6bed'], // [cornflower.primary],
+    '22': ['#ea38a6'], // [hotPink.tint20],
+    '23': ['#038387'], // [teal.primary],
+    '24': ['#8764b8'], // [orchid.primary],
+    '25': ['#11910d'], // [lightGreen.shade10],
+    '26': ['#3487c7'], // [lightBlue.shade10],
+    '27': ['#d06228'], // [pumpkin.tint10],
+    '28': ['#689920'], // [lime.shade10],
+    '29': ['#ba58c9'], // [lilac.tint10],
+    '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],
+    '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],
+    '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],
+    '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],
+    '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],
+    '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],
+    '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],
+    '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],
+    '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],
+    '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],
     '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],
 };
 var SemanticPalette = {
     info: ['#015cda'],
-    disabled: ['#dbdbdb', '#4d4d4d'],
-    highError: ['#6e0811', '#cc2635'],
-    error: ['#c50f1f', '#dc626d'],
-    warning: ['#f7630c', '#f87528'],
-    success: ['#107c10', '#54b054'],
+    disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]
+    highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],
+    error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],
+    warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],
+    success: ['#107c10', '#54b054'], // [green.primary, green.tint30],
     highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],
 };
 var Colors = {

package/lib/utilities/colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utilities/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,oBAAoB;IAC/B,KAAK,EAAE,gBAAgB;IACvB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,WAAW,EAAE,sBAAsB;CACpC,CAAC;AAUF,IAAM,kBAAkB,GAAY;IAClC,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,GAAG,EAAE,CAAC,SAAS,CAAC;IAChB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,+BAA+B;CAC9D,CAAC;AAEF,IAAM,eAAe,GAAY;IAC/B,IAAI,EAAE,CAAC,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IACjC,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,iCAAiC;CACvE,CAAC;AAEF,IAAM,MAAM,GAA+B;IACzC,WAAW,EAAE,kBAAkB;IAC/B,QAAQ,EAAE,eAAe;CAC1B,CAAC;AAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC7D,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAE7C,IAAM,qBAAqB,GAAG,UAAC,MAAgB,EAAE,WAAoB;IACnE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,EAAE,CAAC;KACX;IACD,IAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE;QAC5B,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC;KACzB;IACD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,MAAkB,EAAE,WAA4B;IAAhD,uBAAA,EAAA,UAAkB;IAAE,4BAAA,EAAA,mBAA4B;IAC1F,IAAM,MAAM,GAAG,kBAAkB,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAChF,OAAO,qBAAqB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAa,EAAE,WAA4B;IAA5B,4BAAA,EAAA,mBAA4B;IAC3E,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACxB,IAAA,KAA2B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAA1C,WAAW,QAAA,EAAE,SAAS,QAAoB,CAAC;QAClD,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;QAC9C,OAAO,qBAAqB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;KACnD;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export const DataVizPalette = {\n color1: 'qualitative.1',\n color2: 'qualitative.2',\n color3: 'qualitative.3',\n color4: 'qualitative.4',\n color5: 'qualitative.5',\n color6: 'qualitative.6',\n color7: 'qualitative.7',\n color8: 'qualitative.8',\n color9: 'qualitative.9',\n color10: 'qualitative.10',\n color11: 'qualitative.11',\n color12: 'qualitative.12',\n color13: 'qualitative.13',\n color14: 'qualitative.14',\n color15: 'qualitative.15',\n color16: 'qualitative.16',\n color17: 'qualitative.17',\n color18: 'qualitative.18',\n color19: 'qualitative.19',\n color20: 'qualitative.20',\n color21: 'qualitative.21',\n color22: 'qualitative.22',\n color23: 'qualitative.23',\n color24: 'qualitative.24',\n color25: 'qualitative.25',\n color26: 'qualitative.26',\n color27: 'qualitative.27',\n color28: 'qualitative.28',\n color29: 'qualitative.29',\n color30: 'qualitative.30',\n color31: 'qualitative.31',\n color32: 'qualitative.32',\n color33: 'qualitative.33',\n color34: 'qualitative.34',\n color35: 'qualitative.35',\n color36: 'qualitative.36',\n color37: 'qualitative.37',\n color38: 'qualitative.38',\n color39: 'qualitative.39',\n color40: 'qualitative.40',\n info: 'semantic.info',\n disabled: 'semantic.disabled',\n highError: 'semantic.highError',\n error: 'semantic.error',\n warning: 'semantic.warning',\n success: 'semantic.success',\n highSuccess: 'semantic.highSuccess',\n};\n\n/*\n Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n '1': ['#637cef'], // [cornflower.tint10],\n '2': ['#e3008c'], // [hotPink.primary],\n '3': ['#2aa0a4'], // [teal.tint20],\n '4': ['#9373c0'], // [orchid.tint10],\n '5': ['#13a10e'], // [lightGreen.primary],\n '6': ['#3a96dd'], // [lightBlue.primary],\n '7': ['#ca5010'], // [pumpkin.primary],\n '8': ['#57811b'], // [lime.shade20],\n '9': ['#b146c2'], // [lilac.primary],\n '10': ['#ae8c00'], // [gold.shade10],\n '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n '21': ['#4f6bed'], // [cornflower.primary],\n '22': ['#ea38a6'], // [hotPink.tint20],\n '23': ['#038387'], // [teal.primary],\n '24': ['#8764b8'], // [orchid.primary],\n '25': ['#11910d'], // [lightGreen.shade10],\n '26': ['#3487c7'], // [lightBlue.shade10],\n '27': ['#d06228'], // [pumpkin.tint10],\n '28': ['#689920'], // [lime.shade10],\n '29': ['#ba58c9'], // [lilac.tint10],\n '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n info: ['#015cda'],\n disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n qualitative: QualitativePalette,\n semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n if (colors.length === 0) {\n return '';\n }\n const colorIdx = Number(isDarkTheme);\n if (colorIdx < colors.length) {\n return colors[colorIdx];\n }\n return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n if (TOKENS.indexOf(token) >= 0) {\n const [paletteName, colorCode] = token.split('.');\n const colors = Colors[paletteName][colorCode];\n return getThemeSpecificColor(colors, isDarkTheme);\n }\n return token;\n};\n"]}
1	+ {"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utilities/colors.ts"],"names":[],"mappings":"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","sourcesContent":["export const DataVizPalette = {\n color1: 'qualitative.1',\n color2: 'qualitative.2',\n color3: 'qualitative.3',\n color4: 'qualitative.4',\n color5: 'qualitative.5',\n color6: 'qualitative.6',\n color7: 'qualitative.7',\n color8: 'qualitative.8',\n color9: 'qualitative.9',\n color10: 'qualitative.10',\n color11: 'qualitative.11',\n color12: 'qualitative.12',\n color13: 'qualitative.13',\n color14: 'qualitative.14',\n color15: 'qualitative.15',\n color16: 'qualitative.16',\n color17: 'qualitative.17',\n color18: 'qualitative.18',\n color19: 'qualitative.19',\n color20: 'qualitative.20',\n color21: 'qualitative.21',\n color22: 'qualitative.22',\n color23: 'qualitative.23',\n color24: 'qualitative.24',\n color25: 'qualitative.25',\n color26: 'qualitative.26',\n color27: 'qualitative.27',\n color28: 'qualitative.28',\n color29: 'qualitative.29',\n color30: 'qualitative.30',\n color31: 'qualitative.31',\n color32: 'qualitative.32',\n color33: 'qualitative.33',\n color34: 'qualitative.34',\n color35: 'qualitative.35',\n color36: 'qualitative.36',\n color37: 'qualitative.37',\n color38: 'qualitative.38',\n color39: 'qualitative.39',\n color40: 'qualitative.40',\n info: 'semantic.info',\n disabled: 'semantic.disabled',\n highError: 'semantic.highError',\n error: 'semantic.error',\n warning: 'semantic.warning',\n success: 'semantic.success',\n highSuccess: 'semantic.highSuccess',\n};\n\n/*\n Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n '1': ['#637cef'], // [cornflower.tint10],\n '2': ['#e3008c'], // [hotPink.primary],\n '3': ['#2aa0a4'], // [teal.tint20],\n '4': ['#9373c0'], // [orchid.tint10],\n '5': ['#13a10e'], // [lightGreen.primary],\n '6': ['#3a96dd'], // [lightBlue.primary],\n '7': ['#ca5010'], // [pumpkin.primary],\n '8': ['#57811b'], // [lime.shade20],\n '9': ['#b146c2'], // [lilac.primary],\n '10': ['#ae8c00'], // [gold.shade10],\n '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n '21': ['#4f6bed'], // [cornflower.primary],\n '22': ['#ea38a6'], // [hotPink.tint20],\n '23': ['#038387'], // [teal.primary],\n '24': ['#8764b8'], // [orchid.primary],\n '25': ['#11910d'], // [lightGreen.shade10],\n '26': ['#3487c7'], // [lightBlue.shade10],\n '27': ['#d06228'], // [pumpkin.tint10],\n '28': ['#689920'], // [lime.shade10],\n '29': ['#ba58c9'], // [lilac.tint10],\n '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n info: ['#015cda'],\n disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n qualitative: QualitativePalette,\n semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n if (colors.length === 0) {\n return '';\n }\n const colorIdx = Number(isDarkTheme);\n if (colorIdx < colors.length) {\n return colors[colorIdx];\n }\n return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n if (TOKENS.indexOf(token) >= 0) {\n const [paletteName, colorCode] = token.split('.');\n const colors = Colors[paletteName][colorCode];\n return getThemeSpecificColor(colors, isDarkTheme);\n }\n return token;\n};\n"]}

package/lib/utilities/gradients.js CHANGED Viewed

@@ -30,107 +30,107 @@ export var DataVizGradientPalette = {
 };
 var defaultGradientPalette = {
     '1': [
-        ['#4760D5', '#637CEF'],
+        ['#4760D5', '#637CEF'], // [cornflower.shade10, cornflower.tint10],
         ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],
     ],
     '2': [
-        ['#795AA6', '#9373C0'],
+        ['#795AA6', '#9373C0'], // [orchid.shade20, orchid.tint10],
         ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],
     ],
     '3': [
-        ['#159195', '#2AA0A4'],
+        ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],
         ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],
     ],
     '4': [
-        ['#B146C2', '#C36BD1'],
+        ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],
         ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],
     ],
     '5': [
-        ['#3487C7', '#3A96DD'],
+        ['#3487C7', '#3A96DD'], // [lightBlue.shade10, lightBlue.primary],
         ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],
     ],
     '6': [
-        ['#0E7A0B', '#13A10E'],
+        ['#0E7A0B', '#13A10E'], // [lightGreen.shade20, lightGreen.primary],
         ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],
     ],
     '7': [
-        ['#E61C99', '#EE5FB7'],
+        ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],
         ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],
     ],
     '8': [
-        ['#CA5010', '#D77440'],
+        ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint20],
         ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],
     ],
     '9': [
-        ['#57811B', '#689920'],
+        ['#57811B', '#689920'], // [lime.shade20, lime.shade10],
         ['#57811B', '#689920'], // [lime.shade20, lime.shade10],
     ],
     '10': [
-        ['#937700', '#AE8C00'],
+        ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],
         ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],
     ],
 };
 var extendedGradientPalette = {
     '1': [
-        ['#2C3C85', '#3C51B4'],
+        ['#2C3C85', '#3C51B4'], // [cornflower.shade30, cornflower.shade20],
         ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],
     ],
     '2': [
-        ['#4C3867', '#674C8C'],
+        ['#4C3867', '#674C8C'], // [orchid.shade30, orchid.shade20],
         ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],
     ],
     '3': [
-        ['#02494C', '#038387'],
+        ['#02494C', '#038387'], // [teal.shade30, teal.primary],
         ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],
     ],
     '4': [
-        ['#63276D', '#863593'],
+        ['#63276D', '#863593'], // [lilac.shade30, lilac.shade20],
         ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],
     ],
     '5': [
-        ['#20547C', '#2C72A8'],
+        ['#20547C', '#2C72A8'], // [lightBlue.shade30, lightBlue.shade20],
         ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],
     ],
     '6': [
-        ['#0B5A08', '#0E7A0B'],
+        ['#0B5A08', '#0E7A0B'], // [lightGreen.shade30, lightGreen.shade20],
         ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],
     ],
     '7': [
-        ['#AD006A', '#E3008C'],
+        ['#AD006A', '#E3008C'], // [hotPink.shade20, hotPink.primary],
         ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],
     ],
     '8': [
-        ['#9A3D0C', '#CA5010'],
+        ['#9A3D0C', '#CA5010'], // [pumpkin.shade20, pumpkin.primary],
         ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],
     ],
     '9': [
-        ['#405F14', '#57811B'],
+        ['#405F14', '#57811B'], // [lime.shade30, lime.shade20],
         ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],
     ],
     '10': [
-        ['#6D5700', '#937700'],
+        ['#6D5700', '#937700'], // [gold.shade30, gold.shade20],
         ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],
     ],
 };
 var semanticGradientPalette = {
     success: [
-        ['#0C5E0C', '#107C10'],
+        ['#0C5E0C', '#107C10'], // [green.shade20, green.primary],
         ['#218C21', '#359B35'], // [green.tint10, green.tint20],
     ],
     highSuccess: [
-        ['#107C10', '#359B35'],
+        ['#107C10', '#359B35'], // [green.primary, green.tint20],
         ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],
     ],
     warning: [
-        ['#DE590B', '#F7630C'],
+        ['#DE590B', '#F7630C'], // [orange.shade10, orange.primary],
         ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],
     ],
     error: [
-        ['#B10E1C', '#CC2635'],
+        ['#B10E1C', '#CC2635'], // [cranberry.shade10, cranberry.tint10],
         ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],
     ],
     highError: [
-        ['#6E0811', '#B10E1C'],
+        ['#6E0811', '#B10E1C'], // [cranberry.shade30, cranberry.shade10],
         ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],
     ],
     disabled: [
@@ -139,8 +139,8 @@ var semanticGradientPalette = {
     ],
 };
 var Gradients = {
-    default: defaultGradientPalette,
-    semantic: semanticGradientPalette,
+    default: defaultGradientPalette, // base gradients
+    semantic: semanticGradientPalette, // status gradients
     extended: extendedGradientPalette, // extended gradients
 };
 var DEFAULT_COLORS = Object.values(defaultGradientPalette);

package/lib/utilities/gradients.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gradients.js","sourceRoot":"../src/","sources":["utilities/gradients.ts"],"names":[],"mappings":"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","sourcesContent":["export const DataVizGradientPalette = {\n gradient1: 'default.1',\n gradient2: 'default.2',\n gradient3: 'default.3',\n gradient4: 'default.4',\n gradient5: 'default.5',\n gradient6: 'default.6',\n gradient7: 'default.7',\n gradient8: 'default.8',\n gradient9: 'default.9',\n gradient10: 'default.10',\n // extended gradients\n gradient1Ext: 'extended.1',\n gradient2Ext: 'extended.2',\n gradient3Ext: 'extended.3',\n gradient4Ext: 'extended.4',\n gradient5Ext: 'extended.5',\n gradient6Ext: 'extended.6',\n gradient7Ext: 'extended.7',\n gradient8Ext: 'extended.8',\n gradient9Ext: 'extended.9',\n gradient10Ext: 'extended.10',\n // status gradients\n success: 'semantic.success',\n highSuccess: 'semantic.highSuccess',\n warning: 'semantic.warning',\n error: 'semantic.error',\n highError: 'semantic.highError',\n disabled: 'semantic.disabled',\n};\n\n/*\n Key: Color code.\n * Value:\n \n Index 0 - Default gradient for light theme\n * ├── Index 0 - start color of gradient\n * └── Index 1 - end color of gradient\n \n Index 1 - gradient for dark theme\n * ├── Index 0 - start color of gradient\n * └── Index 1 - end color of gradient\n */\ntype GradientPalette = { [key: string]: [string, string][] };\n\nconst defaultGradientPalette: GradientPalette = {\n '1': [\n ['#4760D5', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n ],\n '2': [\n ['#795AA6', '#9373C0'], // [orchid.shade20, orchid.tint10],\n ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],\n ],\n '3': [\n ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n ],\n '4': [\n ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n ],\n '5': [\n ['#3487C7', '#3A96DD'], // [lightBlue.shade10, lightBlue.primary],\n ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],\n ],\n '6': [\n ['#0E7A0B', '#13A10E'], // [lightGreen.shade20, lightGreen.primary],\n ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],\n ],\n '7': [\n ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n ],\n '8': [\n ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint20],\n ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],\n ],\n '9': [\n ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n ],\n '10': [\n ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n ],\n};\n\nconst extendedGradientPalette: GradientPalette = {\n '1': [\n ['#2C3C85', '#3C51B4'], // [cornflower.shade30, cornflower.shade20],\n ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],\n ],\n '2': [\n ['#4C3867', '#674C8C'], // [orchid.shade30, orchid.shade20],\n ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],\n ],\n '3': [\n ['#02494C', '#038387'], // [teal.shade30, teal.primary],\n ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],\n ],\n '4': [\n ['#63276D', '#863593'], // [lilac.shade30, lilac.shade20],\n ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],\n ],\n '5': [\n ['#20547C', '#2C72A8'], // [lightBlue.shade30, lightBlue.shade20],\n ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],\n ],\n '6': [\n ['#0B5A08', '#0E7A0B'], // [lightGreen.shade30, lightGreen.shade20],\n ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],\n ],\n '7': [\n ['#AD006A', '#E3008C'], // [hotPink.shade20, hotPink.primary],\n ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],\n ],\n '8': [\n ['#9A3D0C', '#CA5010'], // [pumpkin.shade20, pumpkin.primary],\n ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],\n ],\n '9': [\n ['#405F14', '#57811B'], // [lime.shade30, lime.shade20],\n ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],\n ],\n '10': [\n ['#6D5700', '#937700'], // [gold.shade30, gold.shade20],\n ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],\n ],\n};\n\nconst semanticGradientPalette: GradientPalette = {\n success: [\n ['#0C5E0C', '#107C10'], // [green.shade20, green.primary],\n ['#218C21', '#359B35'], // [green.tint10, green.tint20],\n ],\n highSuccess: [\n ['#107C10', '#359B35'], // [green.primary, green.tint20],\n ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],\n ],\n warning: [\n ['#DE590B', '#F7630C'], // [orange.shade10, orange.primary],\n ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],\n ],\n error: [\n ['#B10E1C', '#CC2635'], // [cranberry.shade10, cranberry.tint10],\n ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],\n ],\n highError: [\n ['#6E0811', '#B10E1C'], // [cranberry.shade30, cranberry.shade10],\n ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],\n ],\n disabled: [\n ['#E6E6E6', '#E6E6E6'],\n ['#E6E6E6', '#E6E6E6'],\n ],\n};\n\nconst Gradients: { [key: string]: GradientPalette } = {\n default: defaultGradientPalette, // base gradients\n semantic: semanticGradientPalette, // status gradients\n extended: extendedGradientPalette, // extended gradients\n};\n\nconst DEFAULT_COLORS = Object.values(defaultGradientPalette);\nconst TOKENS = Object.values(DataVizGradientPalette);\n\nconst getThemeSpecificGradient = (gradients: [string, string][], isDarkTheme: boolean): [string, string] => {\n if (gradients.length === 0) {\n return ['', ''];\n }\n\n const colorIdx = Number(isDarkTheme);\n\n if (colorIdx < gradients.length) {\n return gradients[colorIdx];\n }\n\n return gradients[0];\n};\n\nexport const getNextGradient = (index: number, offset: number = 0, isDarkTheme: boolean = false): [string, string] => {\n const gradients = DEFAULT_COLORS[(index + offset) % DEFAULT_COLORS.length];\n return getThemeSpecificGradient(gradients, isDarkTheme);\n};\n\nexport const getGradientFromToken = (token: string, isDarkTheme: boolean = false): [string, string] => {\n if (TOKENS.indexOf(token) >= 0) {\n const [paletteName, colorCode] = token.split('.');\n const colors = Gradients[paletteName][colorCode];\n\n return getThemeSpecificGradient(colors, isDarkTheme);\n }\n return [token, token];\n};\n"]}
1	+ {"version":3,"file":"gradients.js","sourceRoot":"../src/","sources":["utilities/gradients.ts"],"names":[],"mappings":"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","sourcesContent":["export const DataVizGradientPalette = {\n gradient1: 'default.1',\n gradient2: 'default.2',\n gradient3: 'default.3',\n gradient4: 'default.4',\n gradient5: 'default.5',\n gradient6: 'default.6',\n gradient7: 'default.7',\n gradient8: 'default.8',\n gradient9: 'default.9',\n gradient10: 'default.10',\n // extended gradients\n gradient1Ext: 'extended.1',\n gradient2Ext: 'extended.2',\n gradient3Ext: 'extended.3',\n gradient4Ext: 'extended.4',\n gradient5Ext: 'extended.5',\n gradient6Ext: 'extended.6',\n gradient7Ext: 'extended.7',\n gradient8Ext: 'extended.8',\n gradient9Ext: 'extended.9',\n gradient10Ext: 'extended.10',\n // status gradients\n success: 'semantic.success',\n highSuccess: 'semantic.highSuccess',\n warning: 'semantic.warning',\n error: 'semantic.error',\n highError: 'semantic.highError',\n disabled: 'semantic.disabled',\n};\n\n/*\n Key: Color code.\n * Value:\n \n Index 0 - Default gradient for light theme\n * ├── Index 0 - start color of gradient\n * └── Index 1 - end color of gradient\n \n Index 1 - gradient for dark theme\n * ├── Index 0 - start color of gradient\n * └── Index 1 - end color of gradient\n */\ntype GradientPalette = { [key: string]: [string, string][] };\n\nconst defaultGradientPalette: GradientPalette = {\n '1': [\n ['#4760D5', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n ],\n '2': [\n ['#795AA6', '#9373C0'], // [orchid.shade20, orchid.tint10],\n ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],\n ],\n '3': [\n ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n ],\n '4': [\n ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n ],\n '5': [\n ['#3487C7', '#3A96DD'], // [lightBlue.shade10, lightBlue.primary],\n ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],\n ],\n '6': [\n ['#0E7A0B', '#13A10E'], // [lightGreen.shade20, lightGreen.primary],\n ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],\n ],\n '7': [\n ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n ],\n '8': [\n ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint20],\n ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],\n ],\n '9': [\n ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n ],\n '10': [\n ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n ],\n};\n\nconst extendedGradientPalette: GradientPalette = {\n '1': [\n ['#2C3C85', '#3C51B4'], // [cornflower.shade30, cornflower.shade20],\n ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],\n ],\n '2': [\n ['#4C3867', '#674C8C'], // [orchid.shade30, orchid.shade20],\n ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],\n ],\n '3': [\n ['#02494C', '#038387'], // [teal.shade30, teal.primary],\n ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],\n ],\n '4': [\n ['#63276D', '#863593'], // [lilac.shade30, lilac.shade20],\n ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],\n ],\n '5': [\n ['#20547C', '#2C72A8'], // [lightBlue.shade30, lightBlue.shade20],\n ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],\n ],\n '6': [\n ['#0B5A08', '#0E7A0B'], // [lightGreen.shade30, lightGreen.shade20],\n ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],\n ],\n '7': [\n ['#AD006A', '#E3008C'], // [hotPink.shade20, hotPink.primary],\n ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],\n ],\n '8': [\n ['#9A3D0C', '#CA5010'], // [pumpkin.shade20, pumpkin.primary],\n ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],\n ],\n '9': [\n ['#405F14', '#57811B'], // [lime.shade30, lime.shade20],\n ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],\n ],\n '10': [\n ['#6D5700', '#937700'], // [gold.shade30, gold.shade20],\n ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],\n ],\n};\n\nconst semanticGradientPalette: GradientPalette = {\n success: [\n ['#0C5E0C', '#107C10'], // [green.shade20, green.primary],\n ['#218C21', '#359B35'], // [green.tint10, green.tint20],\n ],\n highSuccess: [\n ['#107C10', '#359B35'], // [green.primary, green.tint20],\n ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],\n ],\n warning: [\n ['#DE590B', '#F7630C'], // [orange.shade10, orange.primary],\n ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],\n ],\n error: [\n ['#B10E1C', '#CC2635'], // [cranberry.shade10, cranberry.tint10],\n ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],\n ],\n highError: [\n ['#6E0811', '#B10E1C'], // [cranberry.shade30, cranberry.shade10],\n ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],\n ],\n disabled: [\n ['#E6E6E6', '#E6E6E6'],\n ['#E6E6E6', '#E6E6E6'],\n ],\n};\n\nconst Gradients: { [key: string]: GradientPalette } = {\n default: defaultGradientPalette, // base gradients\n semantic: semanticGradientPalette, // status gradients\n extended: extendedGradientPalette, // extended gradients\n};\n\nconst DEFAULT_COLORS = Object.values(defaultGradientPalette);\nconst TOKENS = Object.values(DataVizGradientPalette);\n\nconst getThemeSpecificGradient = (gradients: [string, string][], isDarkTheme: boolean): [string, string] => {\n if (gradients.length === 0) {\n return ['', ''];\n }\n\n const colorIdx = Number(isDarkTheme);\n\n if (colorIdx < gradients.length) {\n return gradients[colorIdx];\n }\n\n return gradients[0];\n};\n\nexport const getNextGradient = (index: number, offset: number = 0, isDarkTheme: boolean = false): [string, string] => {\n const gradients = DEFAULT_COLORS[(index + offset) % DEFAULT_COLORS.length];\n return getThemeSpecificGradient(gradients, isDarkTheme);\n};\n\nexport const getGradientFromToken = (token: string, isDarkTheme: boolean = false): [string, string] => {\n if (TOKENS.indexOf(token) >= 0) {\n const [paletteName, colorCode] = token.split('.');\n const colors = Gradients[paletteName][colorCode];\n\n return getThemeSpecificGradient(colors, isDarkTheme);\n }\n return [token, token];\n};\n"]}

package/lib/utilities/locale-util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale-util.js","sourceRoot":"../src/","sources":["utilities/locale-util.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,IAA2B,EAAE,OAAgB;IACjF,IAAI,CAAC,IAAI,EAAE;~~QACT~~,OAAO,IAAI,CAAC;~~KACb~~;IACD,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;~~QAC5B~~,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;~~KACrC~~;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;~~QAClE~~,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;~~KACpC~~;SAAM,IAAI,IAAI,YAAY,IAAI,EAAE;~~QAC/B~~,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;~~KACzC~~;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["type LocaleStringDataProps = number \| string \| Date \| undefined;\nexport const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): LocaleStringDataProps => {\n if (!data) {\n return data;\n }\n culture = culture \|\| undefined;\n if (typeof data === 'number') {\n return data.toLocaleString(culture);\n } else if (typeof data === 'string' && !window.isNaN(Number(data))) {\n const num = Number(data);\n return num.toLocaleString(culture);\n } else if (data instanceof Date) {\n return data.toLocaleDateString(culture);\n }\n return data;\n};\n"]}
1	+ {"version":3,"file":"locale-util.js","sourceRoot":"../src/","sources":["utilities/locale-util.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,IAA2B,EAAE,OAAgB;IACjF,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QACnE,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;SAAM,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["type LocaleStringDataProps = number \| string \| Date \| undefined;\nexport const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): LocaleStringDataProps => {\n if (!data) {\n return data;\n }\n culture = culture \|\| undefined;\n if (typeof data === 'number') {\n return data.toLocaleString(culture);\n } else if (typeof data === 'string' && !window.isNaN(Number(data))) {\n const num = Number(data);\n return num.toLocaleString(culture);\n } else if (data instanceof Date) {\n return data.toLocaleDateString(culture);\n }\n return data;\n};\n"]}