@m4l/widgets 0.1.1-beta-feature-701-create-extended-library.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/cards/WidgetBase/WidgetBase.d.ts +2 -1
  2. package/cards/WidgetBase/WidgetBase.d.ts.map +1 -1
  3. package/cards/WidgetBase/WidgetBase.js +22 -22
  4. package/cards/WidgetBase/WidgetBase.styles.d.ts.map +1 -1
  5. package/cards/WidgetBase/WidgetBase.styles.js +4 -0
  6. package/cards/WidgetBase/slots/WidgetBaseEnum.d.ts +1 -0
  7. package/cards/WidgetBase/slots/WidgetBaseEnum.d.ts.map +1 -1
  8. package/cards/WidgetBase/slots/WidgetBaseEnum.js +2 -2
  9. package/cards/WidgetBase/slots/WidgetBaseSlots.d.ts +7 -4
  10. package/cards/WidgetBase/slots/WidgetBaseSlots.d.ts.map +1 -1
  11. package/cards/WidgetBase/slots/WidgetBaseSlots.js +24 -19
  12. package/cards/WidgetBase/types.d.ts +2 -1
  13. package/cards/WidgetBase/types.d.ts.map +1 -1
  14. package/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.d.ts +2 -1
  15. package/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.d.ts.map +1 -1
  16. package/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.js +12 -11
  17. package/cards/WidgetBaseThreeValues/slots/WidgetBaseThreeValuesSlots.d.ts +6 -6
  18. package/cards/WidgetBaseThreeValues/types.d.ts +2 -1
  19. package/cards/WidgetBaseThreeValues/types.d.ts.map +1 -1
  20. package/cards/WidgetDigitalInput/WidgetDigitalInput.d.ts +2 -1
  21. package/cards/WidgetDigitalInput/WidgetDigitalInput.d.ts.map +1 -1
  22. package/cards/WidgetDigitalInput/WidgetDigitalInput.js +16 -15
  23. package/cards/WidgetDigitalInput/WidgetDigitalInput.styles.js +1 -1
  24. package/cards/WidgetDigitalInput/slots/WidgetDigitalInputSlots.d.ts +2 -2
  25. package/cards/WidgetDigitalInput/types.d.ts +2 -1
  26. package/cards/WidgetDigitalInput/types.d.ts.map +1 -1
  27. package/charts/ChartPie/ChartPie.d.ts +2 -1
  28. package/charts/ChartPie/ChartPie.d.ts.map +1 -1
  29. package/charts/ChartPie/ChartPie.js +16 -16
  30. package/charts/ChartPie/slots/ChartPieSlots.d.ts +8 -8
  31. package/charts/ChartPie/types.d.ts +3 -1
  32. package/charts/ChartPie/types.d.ts.map +1 -1
  33. package/charts/ChartSeries/ChartSeries.d.ts +2 -2
  34. package/charts/ChartSeries/ChartSeries.d.ts.map +1 -1
  35. package/charts/ChartSeries/ChartSeries.js +13 -13
  36. package/charts/ChartSeries/slots/ChartSeriesSlots.d.ts +7 -7
  37. package/charts/ChartSeries/types.d.ts +3 -1
  38. package/charts/ChartSeries/types.d.ts.map +1 -1
  39. package/package.json +1 -1
@@ -7,7 +7,8 @@ import { WidgetBaseProps } from './types';
7
7
  * @param tooltip - Tooltip of the widget.
8
8
  * @param isAlarm - Is alarm of the widget.
9
9
  * @param menuActions - Menu actions of the widget.
10
+ * @param sx - System styles applied to the widget root container.
10
11
  */
11
- export declare function WidgetBase({ title, children, size, tooltip, isAlarm, menuActions }: WidgetBaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
12
+ export declare function WidgetBase({ title, children, size, tooltip, isAlarm, menuActions, sx }: WidgetBaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
12
13
  export default WidgetBase;
13
14
  //# sourceMappingURL=WidgetBase.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetBase.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAUrE;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,eAAe,oDA2DnG;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"WidgetBase.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAWrE;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,eAAe,oDA2DvG;AAED,eAAe,UAAU,CAAC"}
@@ -1,47 +1,47 @@
1
1
  import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
2
- import { WidgetBaseHeaderStyled as d, WidgetBaseHeaderTitleStyled as c, WidgetBaseHeaderActionsStyled as l, WidgetBaseContentStyled as m } from "./slots/WidgetBaseSlots.js";
3
- import { Card as f, Icon as p, IconButton as g, MenuActions as u } from "@m4l/components";
4
- import { NotificationInformationOutlined as h } from "@m4l/icons";
5
- function b({ title: a, children: i, size: e, tooltip: n, isAlarm: s, menuActions: r }) {
6
- return /* @__PURE__ */ o(f, { variant: "outlined", direction: "column", gap: "compact", height: 104, children: [
7
- /* @__PURE__ */ o(d, { children: [
8
- /* @__PURE__ */ t(c, { ownerState: {
2
+ import { WidgetBaseRootStyled as c, WidgetBaseHeaderStyled as l, WidgetBaseHeaderTitleStyled as m, WidgetBaseHeaderActionsStyled as f, WidgetBaseContentStyled as p } from "./slots/WidgetBaseSlots.js";
3
+ import { Icon as g, IconButton as u, MenuActions as h } from "@m4l/components";
4
+ import { NotificationInformationOutlined as B } from "@m4l/icons";
5
+ function v({ title: r, children: a, size: e, tooltip: n, isAlarm: d, menuActions: i, sx: s }) {
6
+ return /* @__PURE__ */ o(c, { variant: "outlined", direction: "column", gap: "compact", height: 104, sx: s, children: [
7
+ /* @__PURE__ */ o(l, { children: [
8
+ /* @__PURE__ */ t(m, { ownerState: {
9
9
  size: e
10
- }, children: a }),
11
- /* @__PURE__ */ o(l, { children: [
10
+ }, children: r }),
11
+ /* @__PURE__ */ o(f, { children: [
12
12
  n && /* @__PURE__ */ t(
13
- p,
13
+ g,
14
14
  {
15
- src: /* @__PURE__ */ t(h, {}),
15
+ src: /* @__PURE__ */ t(B, {}),
16
16
  tooltipContent: n,
17
- "aria-label": "Información",
17
+ "aria-label": "Information",
18
18
  size: e,
19
19
  color: "info.enabled"
20
20
  }
21
21
  ),
22
- s && /* @__PURE__ */ t(
23
- g,
22
+ d && /* @__PURE__ */ t(
23
+ u,
24
24
  {
25
- tooltip: "Alarma",
25
+ tooltip: "Alarm",
26
26
  icon: "https://s3.us-east-1.amazonaws.com/static.made4labs/environments/d1/frontend/components/Widgets/assets/icons/siren.svg",
27
27
  color: "error",
28
28
  size: e
29
29
  }
30
30
  ),
31
- r && /* @__PURE__ */ t(
32
- u,
31
+ i && /* @__PURE__ */ t(
32
+ h,
33
33
  {
34
- menuActions: r,
35
- toolTip: "Más acciones",
34
+ menuActions: i,
35
+ toolTip: "More actions",
36
36
  size: e
37
37
  }
38
38
  )
39
39
  ] })
40
40
  ] }),
41
- /* @__PURE__ */ t(m, { children: i })
41
+ /* @__PURE__ */ t(p, { children: a })
42
42
  ] });
43
43
  }
44
44
  export {
45
- b as WidgetBase,
46
- b as default
45
+ v as WidgetBase,
46
+ v as default
47
47
  };
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetBase.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,gBAqE9B,CAAC"}
1
+ {"version":3,"file":"WidgetBase.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,gBAyE9B,CAAC"}
@@ -1,5 +1,9 @@
1
1
  import { getSizeStyles as s, getTypographyStyles as a } from "@m4l/components";
2
2
  const n = {
3
+ /**
4
+ * Styles for the root of the widget base component.
5
+ */
6
+ widgetBaseRoot: () => ({}),
3
7
  /**
4
8
  * Styles for the header of the widget base component.
5
9
  */
@@ -3,6 +3,7 @@
3
3
  * Must match the keys in WidgetBase.styles.ts.
4
4
  */
5
5
  export declare enum WidgetBaseSlots {
6
+ widgetBaseRoot = "widgetBaseRoot",
6
7
  widgetBaseHeader = "widgetBaseHeader",
7
8
  widgetBaseHeaderTitle = "widgetBaseHeaderTitle",
8
9
  widgetBaseHeaderActions = "widgetBaseHeaderActions",
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetBaseEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseEnum.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oBAAY,eAAe;IACzB,gBAAgB,qBAAqB;IACrC,qBAAqB,0BAA0B;IAC/C,uBAAuB,4BAA4B;IACnD,iBAAiB,sBAAsB;CACxC"}
1
+ {"version":3,"file":"WidgetBaseEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseEnum.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oBAAY,eAAe;IACzB,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,qBAAqB,0BAA0B;IAC/C,uBAAuB,4BAA4B;IACnD,iBAAiB,sBAAsB;CACxC"}
@@ -1,4 +1,4 @@
1
- var a = /* @__PURE__ */ ((e) => (e.widgetBaseHeader = "widgetBaseHeader", e.widgetBaseHeaderTitle = "widgetBaseHeaderTitle", e.widgetBaseHeaderActions = "widgetBaseHeaderActions", e.widgetBaseContent = "widgetBaseContent", e))(a || {});
1
+ var t = /* @__PURE__ */ ((e) => (e.widgetBaseRoot = "widgetBaseRoot", e.widgetBaseHeader = "widgetBaseHeader", e.widgetBaseHeaderTitle = "widgetBaseHeaderTitle", e.widgetBaseHeaderActions = "widgetBaseHeaderActions", e.widgetBaseContent = "widgetBaseContent", e))(t || {});
2
2
  export {
3
- a as WidgetBaseSlots
3
+ t as WidgetBaseSlots
4
4
  };
@@ -1,13 +1,16 @@
1
+ export declare const WidgetBaseRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').CardProps, keyof import('@m4l/components').CardProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
+ ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
3
+ }, {}, {}>;
1
4
  export declare const WidgetBaseHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
5
  ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
4
- export declare const WidgetBaseHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "paragraph" | "sx" | "classes" | "className" | "style" | "color" | "children" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "paragraph" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "ref" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "key" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
6
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
7
+ export declare const WidgetBaseHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "paragraph" | "style" | "className" | "children" | "sx" | "classes" | "align" | "gutterBottom" | "noWrap" | "variant" | "variantMapping">, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "hidden" | "paragraph" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "sx" | "classes" | "align" | "gutterBottom" | "noWrap" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
8
  ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
6
9
  }, {}, {}>;
7
10
  export declare const WidgetBaseHeaderActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
8
11
  ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
9
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
12
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
10
13
  export declare const WidgetBaseContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
11
14
  ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
12
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
15
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
13
16
  //# sourceMappingURL=WidgetBaseSlots.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetBaseSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,sBAAsB;;6NAGE,CAAC;AAEtC,eAAO,MAAM,2BAA2B;;UAGE,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;6NAGE,CAAC;AAE7C,eAAO,MAAM,uBAAuB;;6NAGE,CAAC"}
1
+ {"version":3,"file":"WidgetBaseSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB;;UAGE,CAAC;AAEpC,eAAO,MAAM,sBAAsB;;6NAGE,CAAC;AAEtC,eAAO,MAAM,2BAA2B;;UAGE,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;6NAGE,CAAC;AAE7C,eAAO,MAAM,uBAAuB;;6NAGE,CAAC"}
@@ -1,24 +1,29 @@
1
1
  import { styled as e } from "@mui/material/styles";
2
2
  import { widgetBaseStyles as t } from "../WidgetBase.styles.js";
3
- import { WidgetBaseSlots as d } from "./WidgetBaseEnum.js";
4
- import { WIDGET_BASE_KEY_COMPONENT as a } from "../constants.js";
5
- import { Typography as i } from "@mui/material";
6
- const B = e("div", {
7
- name: a,
8
- slot: d.widgetBaseHeader
9
- })(t.widgetBaseHeader), l = e(i, {
10
- name: a,
11
- slot: d.widgetBaseHeaderTitle
12
- })(t.widgetBaseHeaderTitle), m = e("div", {
13
- name: a,
14
- slot: d.widgetBaseHeaderActions
15
- })(t.widgetBaseHeaderActions), w = e("div", {
16
- name: a,
17
- slot: d.widgetBaseContent
3
+ import { WidgetBaseSlots as o } from "./WidgetBaseEnum.js";
4
+ import { WIDGET_BASE_KEY_COMPONENT as d } from "../constants.js";
5
+ import { Typography as a } from "@mui/material";
6
+ import { Card as s } from "@m4l/components";
7
+ const l = e(s, {
8
+ name: d,
9
+ slot: o.widgetBaseRoot
10
+ })(t.widgetBaseRoot), w = e("div", {
11
+ name: d,
12
+ slot: o.widgetBaseHeader
13
+ })(t.widgetBaseHeader), p = e(a, {
14
+ name: d,
15
+ slot: o.widgetBaseHeaderTitle
16
+ })(t.widgetBaseHeaderTitle), y = e("div", {
17
+ name: d,
18
+ slot: o.widgetBaseHeaderActions
19
+ })(t.widgetBaseHeaderActions), H = e("div", {
20
+ name: d,
21
+ slot: o.widgetBaseContent
18
22
  })(t.widgetBaseContent);
19
23
  export {
20
- w as WidgetBaseContentStyled,
21
- m as WidgetBaseHeaderActionsStyled,
22
- B as WidgetBaseHeaderStyled,
23
- l as WidgetBaseHeaderTitleStyled
24
+ H as WidgetBaseContentStyled,
25
+ y as WidgetBaseHeaderActionsStyled,
26
+ w as WidgetBaseHeaderStyled,
27
+ p as WidgetBaseHeaderTitleStyled,
28
+ l as WidgetBaseRootStyled
24
29
  };
@@ -1,7 +1,7 @@
1
1
  import { WidgetBaseSlots } from './slots/WidgetBaseEnum';
2
2
  import { WIDGET_BASE_KEY_COMPONENT } from './constants';
3
3
  import { M4LOverridesStyleRules, MenuAction } from '@m4l/components';
4
- import { Theme } from '@mui/material/styles';
4
+ import { SxProps, Theme } from '@mui/material/styles';
5
5
  import { ReactNode } from 'react';
6
6
  import { Sizes } from '@m4l/styles';
7
7
  /**
@@ -14,6 +14,7 @@ export interface WidgetBaseProps {
14
14
  tooltip?: string;
15
15
  isAlarm?: boolean;
16
16
  menuActions?: MenuAction[];
17
+ sx?: SxProps<Theme>;
17
18
  }
18
19
  export type WidgetBaseOwnerState = {
19
20
  size?: WidgetBaseProps['size'];
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,OAAO,yBAAyB,EAAE,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,OAAO,yBAAyB,EAAE,KAAK,CAAC,CAAC"}
@@ -10,7 +10,8 @@ import { WidgetBaseThreeValuesProps } from './types';
10
10
  * @param tooltip - Tooltip of the widget.
11
11
  * @param isAlarm - Is alarm of the widget.
12
12
  * @param menuActions - Menu actions of the widget.
13
+ * @param sx - System styles applied to the widget root container.
13
14
  */
14
- export declare function WidgetBaseThreeValues({ title, leftValue, firstValue, secondValue, size, tooltip, isAlarm, menuActions, }: WidgetBaseThreeValuesProps): import("@emotion/react/jsx-runtime").JSX.Element;
15
+ export declare function WidgetBaseThreeValues({ title, leftValue, firstValue, secondValue, size, tooltip, isAlarm, menuActions, sx, }: WidgetBaseThreeValuesProps): import("@emotion/react/jsx-runtime").JSX.Element;
15
16
  export default WidgetBaseThreeValues;
16
17
  //# sourceMappingURL=WidgetBaseThreeValues.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetBaseThreeValues.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAW1D;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,GACZ,EAAE,0BAA0B,oDA0B5B;AAED,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"WidgetBaseThreeValues.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAW1D;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,EACX,EAAE,GACH,EAAE,0BAA0B,oDA0B5B;AAED,eAAe,qBAAqB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as r } from "@emotion/react/jsx-runtime";
2
- import { WidgetBaseThreeValuesRootStyled as o, WidgetBaseThreeValuesContainerStyled as u, WidgetBaseThreeValuesLeftValueStyled as g, WidgetBaseThreeValuesRigthContainerStyled as V, WidgetBaseThreeValuesFirstValueStyled as c, WidgetBaseThreeValuesSecondValueStyled as B } from "./slots/WidgetBaseThreeValuesSlots.js";
3
- import { WidgetBase as W } from "../WidgetBase/WidgetBase.js";
4
- function m({
2
+ import { WidgetBaseThreeValuesRootStyled as u, WidgetBaseThreeValuesContainerStyled as g, WidgetBaseThreeValuesLeftValueStyled as V, WidgetBaseThreeValuesRigthContainerStyled as c, WidgetBaseThreeValuesFirstValueStyled as B, WidgetBaseThreeValuesSecondValueStyled as W } from "./slots/WidgetBaseThreeValuesSlots.js";
3
+ import { WidgetBase as S } from "../WidgetBase/WidgetBase.js";
4
+ function y({
5
5
  title: i,
6
6
  leftValue: l,
7
7
  firstValue: d,
@@ -9,17 +9,18 @@ function m({
9
9
  size: a,
10
10
  tooltip: s,
11
11
  isAlarm: h,
12
- menuActions: n
12
+ menuActions: n,
13
+ sx: o
13
14
  }) {
14
- return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(W, { title: i, size: a, tooltip: s, isAlarm: h, menuActions: n, children: /* @__PURE__ */ r(u, { children: [
15
- /* @__PURE__ */ e(g, { children: l }),
16
- /* @__PURE__ */ r(V, { children: [
17
- /* @__PURE__ */ e(c, { children: d }),
18
- t && /* @__PURE__ */ e(B, { children: t })
15
+ return /* @__PURE__ */ e(u, { sx: o, children: /* @__PURE__ */ e(S, { title: i, size: a, tooltip: s, isAlarm: h, menuActions: n, children: /* @__PURE__ */ r(g, { children: [
16
+ /* @__PURE__ */ e(V, { children: l }),
17
+ /* @__PURE__ */ r(c, { children: [
18
+ /* @__PURE__ */ e(B, { children: d }),
19
+ t && /* @__PURE__ */ e(W, { children: t })
19
20
  ] })
20
21
  ] }) }) });
21
22
  }
22
23
  export {
23
- m as WidgetBaseThreeValues,
24
- m as default
24
+ y as WidgetBaseThreeValues,
25
+ y as default
25
26
  };
@@ -1,19 +1,19 @@
1
1
  export declare const WidgetBaseThreeValuesRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
2
  ownerState?: any;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
3
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
4
  export declare const WidgetBaseThreeValuesContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
5
  ownerState?: any;
6
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
6
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
7
7
  export declare const WidgetBaseThreeValuesLeftValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
8
8
  ownerState?: any;
9
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
9
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
10
10
  export declare const WidgetBaseThreeValuesRigthContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
11
11
  ownerState?: any;
12
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
12
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
13
13
  export declare const WidgetBaseThreeValuesFirstValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
14
14
  ownerState?: any;
15
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
15
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
16
16
  export declare const WidgetBaseThreeValuesSecondValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
17
17
  ownerState?: any;
18
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
18
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
19
19
  //# sourceMappingURL=WidgetBaseThreeValuesSlots.d.ts.map
@@ -1,7 +1,7 @@
1
1
  import { WidgetBaseThreeValuesSlots } from './slots/WidgetBaseThreeValuesEnum';
2
2
  import { WIDGET_BASE_THREE_VALUES_KEY_COMPONENT } from './constants';
3
3
  import { M4LOverridesStyleRules, MenuAction } from '@m4l/components';
4
- import { Theme } from '@mui/material/styles';
4
+ import { SxProps, Theme } from '@mui/material/styles';
5
5
  import { ReactNode } from 'react';
6
6
  import { Sizes } from '@m4l/styles';
7
7
  /**
@@ -16,6 +16,7 @@ export interface WidgetBaseThreeValuesProps {
16
16
  tooltip?: string;
17
17
  isAlarm?: boolean;
18
18
  menuActions?: MenuAction[];
19
+ sx?: SxProps<Theme>;
19
20
  }
20
21
  export type WidgetBaseThreeValuesSlotsType = keyof typeof WidgetBaseThreeValuesSlots;
21
22
  export type WidgetBaseThreeValuesStyles = M4LOverridesStyleRules<WidgetBaseThreeValuesSlotsType, typeof WIDGET_BASE_THREE_VALUES_KEY_COMPONENT, Theme>;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,0BAA0B,CAAC;AACrF,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,8BAA8B,EAAE,OAAO,sCAAsC,EAAE,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,0BAA0B,CAAC;AACrF,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,8BAA8B,EAAE,OAAO,sCAAsC,EAAE,KAAK,CAAC,CAAC"}
@@ -14,7 +14,8 @@ import { WidgetDigitalInputProps } from './types';
14
14
  * @param tooltip - Tooltip of the widget.
15
15
  * @param isAlarm - Is alarm of the widget.
16
16
  * @param menuActions - Menu actions of the widget.
17
+ * @param sx - System styles applied to the widget root container.
17
18
  */
18
- export declare function WidgetDigitalInput({ title, isOpen, titleOpen, titleClosed, imageUrlOpen, imageUrlClosed, secondValue, chipColorOpen, size, tooltip, isAlarm, menuActions, }: WidgetDigitalInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
19
+ export declare function WidgetDigitalInput({ title, isOpen, titleOpen, titleClosed, imageUrlOpen, imageUrlClosed, secondValue, chipColorOpen, size, tooltip, isAlarm, menuActions, sx, }: WidgetDigitalInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
19
20
  export default WidgetDigitalInput;
20
21
  //# sourceMappingURL=WidgetDigitalInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetDigitalInput.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/WidgetDigitalInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQrF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAsB,EACtB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,GACZ,EAAE,uBAAuB,oDAyCzB;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"WidgetDigitalInput.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/WidgetDigitalInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQrF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAsB,EACtB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,EACX,EAAE,GACH,EAAE,uBAAuB,oDAyCzB;AAED,eAAe,kBAAkB,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as e } from "@emotion/react/jsx-runtime";
2
- import { WidgetDigitalInputRootStyled as c, WidgetDigitalInputSecondValueStyled as S } from "./slots/WidgetDigitalInputSlots.js";
3
- import { WidgetBaseThreeValues as V } from "../WidgetBaseThreeValues/WidgetBaseThreeValues.js";
4
- import { useGetValues as W } from "./hooks/useGetValues.js";
5
- function y({
2
+ import { WidgetDigitalInputRootStyled as S, WidgetDigitalInputSecondValueStyled as V } from "./slots/WidgetDigitalInputSlots.js";
3
+ import { WidgetBaseThreeValues as W } from "../WidgetBaseThreeValues/WidgetBaseThreeValues.js";
4
+ import { useGetValues as h } from "./hooks/useGetValues.js";
5
+ function j({
6
6
  title: o,
7
7
  isOpen: r,
8
8
  titleOpen: a,
@@ -14,12 +14,13 @@ function y({
14
14
  size: t,
15
15
  tooltip: f,
16
16
  isAlarm: m,
17
- menuActions: g
17
+ menuActions: g,
18
+ sx: p
18
19
  }) {
19
20
  const [
20
- p,
21
- s
22
- ] = W({
21
+ s,
22
+ c
23
+ ] = h({
23
24
  isOpen: r,
24
25
  titleOpen: a,
25
26
  titleClosed: l,
@@ -28,13 +29,13 @@ function y({
28
29
  imageUrlClosed: u,
29
30
  size: t
30
31
  });
31
- return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
32
- V,
32
+ return /* @__PURE__ */ e(S, { sx: p, children: /* @__PURE__ */ e(
33
+ W,
33
34
  {
34
35
  title: o,
35
- leftValue: s,
36
- firstValue: p,
37
- secondValue: i && /* @__PURE__ */ e(S, { ownerState: {
36
+ leftValue: c,
37
+ firstValue: s,
38
+ secondValue: i && /* @__PURE__ */ e(V, { ownerState: {
38
39
  size: t
39
40
  }, children: i }),
40
41
  size: t,
@@ -45,6 +46,6 @@ function y({
45
46
  ) });
46
47
  }
47
48
  export {
48
- y as WidgetDigitalInput,
49
- y as default
49
+ j as WidgetDigitalInput,
50
+ j as default
50
51
  };
@@ -9,7 +9,7 @@ const l = {
9
9
  alignItems: "flex-start",
10
10
  alignSelf: "stretch",
11
11
  width: "100%",
12
- height: "100%"
12
+ height: 104
13
13
  }),
14
14
  /**
15
15
  * Second value container.
@@ -1,7 +1,7 @@
1
1
  export declare const WidgetDigitalInputRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
2
  ownerState?: (Partial<import('../types').WidgetDigitalInputOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
4
- export declare const WidgetDigitalInputSecondValueStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "paragraph" | "sx" | "classes" | "className" | "style" | "color" | "children" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "paragraph" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "ref" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "key" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
3
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
+ export declare const WidgetDigitalInputSecondValueStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "paragraph" | "style" | "className" | "children" | "sx" | "classes" | "align" | "gutterBottom" | "noWrap" | "variant" | "variantMapping">, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "hidden" | "paragraph" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "sx" | "classes" | "align" | "gutterBottom" | "noWrap" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
5
  ownerState?: (Partial<import('../types').WidgetDigitalInputOwnerState> & Record<string, unknown>) | undefined;
6
6
  }, {}, {}>;
7
7
  //# sourceMappingURL=WidgetDigitalInputSlots.d.ts.map
@@ -1,7 +1,7 @@
1
1
  import { WidgetDigitalInputSlots } from './slots/WidgetDigitalInputEnum';
2
2
  import { WIDGET_DIGITAL_INPUT_KEY_COMPONENT } from './constants';
3
3
  import { M4LOverridesStyleRules, MenuAction } from '@m4l/components';
4
- import { Theme } from '@mui/material/styles';
4
+ import { SxProps, Theme } from '@mui/material/styles';
5
5
  import { Sizes, ChipColorOptions } from '@m4l/styles';
6
6
  /**
7
7
  * Props for the WidgetDigitalInput component.
@@ -19,6 +19,7 @@ export interface WidgetDigitalInputProps {
19
19
  size?: Extract<Sizes, 'small' | 'medium'>;
20
20
  tooltip?: string;
21
21
  menuActions?: MenuAction[];
22
+ sx?: SxProps<Theme>;
22
23
  }
23
24
  /**
24
25
  * Props for the useGetValues hook.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;CACxC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,2BAA2B,EAAE,OAAO,kCAAkC,EAAE,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;CACxC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,2BAA2B,EAAE,OAAO,kCAAkC,EAAE,KAAK,CAAC,CAAC"}
@@ -3,8 +3,9 @@ import { ChartPieProps } from './types';
3
3
  * ChartPie component for the pie chart.
4
4
  * @param values - Values for the chart
5
5
  * @param size - Component size
6
+ * @param sx - System styles applied to the chart root container
6
7
  * @returns ChartPie component
7
8
  */
8
- export declare function ChartPie({ values, size }: ChartPieProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
+ export declare function ChartPie({ values, size, sx }: ChartPieProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
10
  export default ChartPie;
10
11
  //# sourceMappingURL=ChartPie.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartPie.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAUjE;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,aAAa,oDAoCvD;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ChartPie.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAUjE;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,aAAa,oDAoC3D;AAED,eAAe,QAAQ,CAAC"}
@@ -1,28 +1,28 @@
1
1
  import { jsx as t, jsxs as o } from "@emotion/react/jsx-runtime";
2
- import l from "echarts-for-react";
3
- import { useRef as m } from "react";
4
- import { CustomLegend as d } from "./subcomponents/CustomLegend/CustomLegend.js";
5
- import { ChartPieRootStyled as f, ChartPieParentStyled as c, ChartContainerStyled as p, LegendContainerStyled as u } from "./slots/ChartPieSlots.js";
6
- import { useChartPieData as C } from "./hooks/useChartPieData.js";
7
- import { useChartResize as g } from "./hooks/useChartResize.js";
8
- function z({ values: n, size: i }) {
9
- const e = m(null), { data: r, options: a } = C(n), h = g(e), s = {
2
+ import m from "echarts-for-react";
3
+ import { useRef as d } from "react";
4
+ import { CustomLegend as f } from "./subcomponents/CustomLegend/CustomLegend.js";
5
+ import { ChartPieRootStyled as c, ChartPieParentStyled as p, ChartContainerStyled as u, LegendContainerStyled as C } from "./slots/ChartPieSlots.js";
6
+ import { useChartPieData as g } from "./hooks/useChartPieData.js";
7
+ import { useChartResize as y } from "./hooks/useChartResize.js";
8
+ function E({ values: n, size: i, sx: a }) {
9
+ const e = d(null), { data: r, options: h } = g(n), s = y(e), l = {
10
10
  length: r.length
11
11
  };
12
- return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ o(c, { children: [
13
- /* @__PURE__ */ t(p, { ref: h, children: /* @__PURE__ */ t(
14
- l,
12
+ return /* @__PURE__ */ t(c, { sx: a, children: /* @__PURE__ */ o(p, { children: [
13
+ /* @__PURE__ */ t(u, { ref: s, children: /* @__PURE__ */ t(
14
+ m,
15
15
  {
16
16
  ref: e,
17
- option: a,
17
+ option: h,
18
18
  style: { height: "100%", width: "100%" },
19
19
  notMerge: !0,
20
20
  lazyUpdate: !0
21
21
  }
22
22
  ) }),
23
- /* @__PURE__ */ o(u, { ownerState: s, children: [
23
+ /* @__PURE__ */ o(C, { ownerState: l, children: [
24
24
  /* @__PURE__ */ t(
25
- d,
25
+ f,
26
26
  {
27
27
  data: r,
28
28
  size: i
@@ -33,6 +33,6 @@ function z({ values: n, size: i }) {
33
33
  ] }) });
34
34
  }
35
35
  export {
36
- z as ChartPie,
37
- z as default
36
+ E as ChartPie,
37
+ E as default
38
38
  };
@@ -1,27 +1,27 @@
1
1
  export declare const ChartPieRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
2
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
3
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
4
  export declare const ChartPieParentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
5
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
6
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
6
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
7
7
  export declare const ChartContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
8
8
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
9
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
9
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
10
10
  export declare const LegendContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
11
11
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
12
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
12
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
13
13
  export declare const LegendItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
14
14
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
15
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
15
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
16
16
  export declare const LegendItemColorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
17
17
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
18
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
18
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
19
19
  export declare const LegendItemTextContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
20
20
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
21
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
21
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
22
22
  export declare const LegendItemTextSubContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
23
23
  ownerState?: (Partial<import('../types').ChartPieOwnerState> & Record<string, unknown>) | undefined;
24
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
24
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
25
25
  export declare const LegendItemNameStyled: any;
26
26
  export declare const LegendItemValueBadgeStyled: any;
27
27
  export declare const LegendItemCategoryStyled: any;
@@ -2,7 +2,7 @@ import { Sizes } from '@m4l/styles';
2
2
  import { ChartPieSlots } from './slots/ChartPieEnum';
3
3
  import { CHART_PIE_KEY_COMPONENT } from './constants';
4
4
  import { M4LOverridesStyleRules } from '@m4l/components';
5
- import { Theme } from '@mui/material/styles';
5
+ import { SxProps, Theme } from '@mui/material/styles';
6
6
  /**
7
7
  * Item for the ChartPie (API shape).
8
8
  */
@@ -24,6 +24,8 @@ export interface ChartPieProps {
24
24
  values: ChartPieValueItem[];
25
25
  /** Component size. */
26
26
  size?: Extract<Sizes, 'small' | 'medium'>;
27
+ /** System styles applied to the chart root container. */
28
+ sx?: SxProps<Theme>;
27
29
  }
28
30
  /**
29
31
  * Data for the ChartPie (name, value, itemStyle).
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartPie/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAC;IACV,kDAAkD;IAClD,CAAC,EAAE,MAAM,CAAC;IACV,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kEAAkE;IAClE,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,cAAc,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,aAAa,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC,iBAAiB,EAAE,OAAO,uBAAuB,EAAE,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartPie/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAC;IACV,kDAAkD;IAClD,CAAC,EAAE,MAAM,CAAC;IACV,mCAAmC;IACnC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kEAAkE;IAClE,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,yDAAyD;IACzD,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,cAAc,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,aAAa,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC,iBAAiB,EAAE,OAAO,uBAAuB,EAAE,KAAK,CAAC,CAAC"}
@@ -2,9 +2,9 @@ import { ChartSeriesProps } from './types';
2
2
  /**
3
3
  * ChartSeries component.
4
4
  * @param values - Chart values
5
- * @param _size - Component size (reserved for future use)
5
+ * @param sx - System styles applied to the chart root container
6
6
  * @returns ChartSeries component
7
7
  */
8
- export declare function ChartSeries({ values, scrollable }: ChartSeriesProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ export declare function ChartSeries({ values, scrollable, sx }: ChartSeriesProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
9
  export default ChartSeries;
10
10
  //# sourceMappingURL=ChartSeries.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartSeries.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/ChartSeries.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAShD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,UAAkB,EAAE,EAAE,gBAAgB,oDAsB3E;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ChartSeries.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/ChartSeries.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAShD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,UAAkB,EAAE,EAAE,EAAE,EAAE,gBAAgB,oDAsB/E;AAED,eAAe,WAAW,CAAC"}
@@ -1,17 +1,17 @@
1
1
  import { jsx as e } from "@emotion/react/jsx-runtime";
2
- import s from "echarts-for-react";
3
- import { useRef as f, useMemo as a } from "react";
4
- import { ChartSeriesRootStyled as h, ChartContainerStyled as p } from "./slots/ChartSeriesSlots.js";
5
- import { useChartResize as u } from "./hooks/useChartResize.js";
6
- import { useTheme as c } from "@mui/material";
7
- import { generateOptions as d } from "./helpers/options.js";
8
- function z({ values: t, scrollable: r = !1 }) {
9
- const o = f(null), i = c(), n = a(() => d(t, i, r), [t, i, r]), m = u(o);
10
- return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(p, { ref: m, children: /* @__PURE__ */ e(
11
- s,
2
+ import f from "echarts-for-react";
3
+ import { useRef as a, useMemo as h } from "react";
4
+ import { ChartSeriesRootStyled as p, ChartContainerStyled as u } from "./slots/ChartSeriesSlots.js";
5
+ import { useChartResize as c } from "./hooks/useChartResize.js";
6
+ import { useTheme as d } from "@mui/material";
7
+ import { generateOptions as l } from "./helpers/options.js";
8
+ function E({ values: t, scrollable: r = !1, sx: n }) {
9
+ const o = a(null), i = d(), m = h(() => l(t, i, r), [t, i, r]), s = c(o);
10
+ return /* @__PURE__ */ e(p, { sx: n, children: /* @__PURE__ */ e(u, { ref: s, children: /* @__PURE__ */ e(
11
+ f,
12
12
  {
13
13
  ref: o,
14
- option: n,
14
+ option: m,
15
15
  style: { height: "100%", width: "100%" },
16
16
  notMerge: !0,
17
17
  lazyUpdate: !0
@@ -19,6 +19,6 @@ function z({ values: t, scrollable: r = !1 }) {
19
19
  ) }) });
20
20
  }
21
21
  export {
22
- z as ChartSeries,
23
- z as default
22
+ E as ChartSeries,
23
+ E as default
24
24
  };
@@ -1,27 +1,27 @@
1
1
  export declare const ChartSeriesRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
2
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
3
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
4
  export declare const ChartSeriesParentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
5
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
6
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
6
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
7
7
  export declare const ChartContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
8
8
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
9
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
9
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
10
10
  export declare const LegendContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
11
11
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
12
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
12
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
13
13
  export declare const LegendItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
14
14
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
15
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
15
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
16
16
  export declare const LegendItemColorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
17
17
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
18
18
  }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
19
  export declare const LegendItemTextContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
20
20
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
21
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
21
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
22
22
  export declare const LegendItemTextSubContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
23
23
  ownerState?: (Partial<import('../types').ChartSeriesOwnerState> & Record<string, unknown>) | undefined;
24
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
24
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
25
25
  export declare const LegendItemNameStyled: any;
26
26
  export declare const LegendItemValueBadgeStyled: any;
27
27
  export declare const LegendItemCategoryStyled: any;
@@ -1,7 +1,7 @@
1
1
  import { ChartSeriesSlots } from './slots/ChartSeriesEnum';
2
2
  import { CHART_SERIES_KEY_COMPONENT } from './constants';
3
3
  import { M4LOverridesStyleRules } from '@m4l/components';
4
- import { Theme } from '@mui/material/styles';
4
+ import { SxProps, Theme } from '@mui/material/styles';
5
5
  /**
6
6
  * Item for the series chart (API shape).
7
7
  */
@@ -48,6 +48,8 @@ export interface ChartSeriesProps {
48
48
  values: ChartSeriesValueItem;
49
49
  /** Chart scrollable option. */
50
50
  scrollable?: boolean;
51
+ /** System styles applied to the chart root container. */
52
+ sx?: SxProps<Theme>;
51
53
  }
52
54
  export type ChartSeriesOwnerState = {
53
55
  color?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACX,GAAG,MAAM,CAAC;KACZ,EAAE,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,MAAM,EAAE,oBAAoB,CAAC;IAC7B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAoB,EAAE,OAAO,0BAA0B,EAAE,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACX,GAAG,MAAM,CAAC;KACZ,EAAE,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,MAAM,EAAE,oBAAoB,CAAC;IAC7B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAoB,EAAE,OAAO,0BAA0B,EAAE,KAAK,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/widgets",
3
- "version": "0.1.1-beta-feature-701-create-extended-library.0",
3
+ "version": "0.1.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },