@splunk/visualizations 28.6.0 → 28.8.0

package/Events/PureEvents/FieldSummaryTooltip.d.ts

@@ -2,49 +2,26 @@ import * as React from 'react';
 import { SyntheticEvent } from 'react';
 import type { SearchData } from '@splunk/dashboard-types';
 import { FieldData } from '@splunk/react-field-summary/components/FieldSummary';
-import T from 'prop-types';
 export interface FieldSummaryTooltipProps {
-    open: boolean;
+    open?: boolean;
     anchor?: HTMLElement;
-    handleTooltipClose: () => void;
-    fieldName: string;
-    fieldSummaryMap: {
+    handleTooltipClose?: () => void;
+    fieldName?: string;
+    fieldSummaryMap?: {
         [key: string]: FieldData;
     };
-    onActionClicked: (e: SyntheticEvent, data: {
+    onActionClicked?: (e: SyntheticEvent, data: {
         action: string;
         field: string;
         selected: string[];
     }) => void;
-    onFieldValueClicked: (e: SyntheticEvent, { field, value }: {
+    onFieldValueClicked?: (e: SyntheticEvent, { field, value }: {
         field: string;
         value: string;
     }) => void;
-    id: string;
+    id?: string;
     dataSources: Record<string, SearchData>;
 }
-declare const FieldSummaryTooltip: {
-    (props: FieldSummaryTooltipProps): React.ReactElement;
-    defaultProps: {
-        open: boolean;
-        anchor: any;
-        fieldName: string;
-        fieldSummaryMap: {};
-        handleTooltipClose: (...args: any[]) => void;
-        onActionClicked: (...args: any[]) => void;
-        onFieldValueClicked: (...args: any[]) => void;
-        id: string;
-    };
-    propTypes: {
-        open: T.Requireable<boolean>;
-        anchor: T.Requireable<T.ReactNodeLike>;
-        fieldName: T.Requireable<string>;
-        fieldSummaryMap: T.Requireable<object>;
-        handleTooltipClose: T.Requireable<(...args: any[]) => any>;
-        onActionClicked: T.Requireable<(...args: any[]) => any>;
-        onFieldValueClicked: T.Requireable<(...args: any[]) => any>;
-        id: T.Requireable<string>;
-    };
-};
+declare const FieldSummaryTooltip: (props: FieldSummaryTooltipProps) => React.ReactElement;
 export default FieldSummaryTooltip;
 //# sourceMappingURL=FieldSummaryTooltip.d.ts.map

package/Events/PureEvents/FieldSummaryTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSummaryTooltip.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/FieldSummaryTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAqB,EAAE,SAAS,EAAU,MAAM,qDAAqD,CAAC;AAQtG,OAAO,CAAC,MAAM,YAAY,CAAC;AAE3B,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC9C,eAAe,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1G,mBAAmB,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrG,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAC3C;AAsCD,QAAA,MAAM,mBAAmB;YAAW,wBAAwB,GAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;CAiEhF,CAAC;AAwBF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FieldSummaryTooltip.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/FieldSummaryTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAqB,EAAE,SAAS,EAAU,MAAM,qDAAqD,CAAC;AAStG,MAAM,WAAW,wBAAwB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC/C,eAAe,CAAC,EAAE,CACd,CAAC,EAAE,cAAc,EACjB,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,KAC1D,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAC3C;AAsCD,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,KAAG,KAAK,CAAC,YAiEpE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/Events/PureEvents/PureEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PureEvents.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/PureEvents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAER,WAAW,EAEX,YAAY,EACf,MAAM,6CAA6C,CAAC;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAkB1D,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAI7E,KAAK,oBAAoB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAqDF,UAAU,WAAW;IAEjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF,qBAAqB,CAAC,EAAE,CACpB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,oBAAoB,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAC7D,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC7C;;AA8ZD,wBAAkD"}
+{"version":3,"file":"PureEvents.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/PureEvents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAER,WAAW,EAEX,YAAY,EACf,MAAM,6CAA6C,CAAC;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAkB1D,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAI7E,KAAK,oBAAoB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAqDF,UAAU,WAAW;IAEjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF,qBAAqB,CAAC,EAAE,CACpB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,oBAAoB,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAC7D,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC7C;;AA0WD,wBAAkD"}

package/Events/PureEvents/TimeControlsPopover.d.ts

@@ -1,33 +1,14 @@
 import * as React from 'react';
 import { SyntheticEvent } from 'react';
-import T from 'prop-types';
 import type { TimeInterval } from '../EventUtils';
-declare const TimeControlsPopover: {
-    (props: TimeControlsPopoverProps): React.ReactElement;
-    propTypes: {
-        open: T.Requireable<boolean>;
-        anchor: T.Requireable<T.ReactNodeLike>;
-        time: T.Requireable<string>;
-        handleTooltipClose: T.Requireable<(...args: any[]) => any>;
-        onTimeDrilldown: T.Requireable<(...args: any[]) => any>;
-        id: T.Requireable<string>;
-    };
-    defaultProps: {
-        open: boolean;
-        anchor: any;
-        time: any;
-        handleTooltipClose: (...args: any[]) => void;
-        onTimeDrilldown: (...args: any[]) => void;
-        id: string;
-    };
-};
+declare const TimeControlsPopover: (props: TimeControlsPopoverProps) => React.ReactElement;
 export interface TimeControlsPopoverProps {
-    open: boolean;
+    open?: boolean;
     anchor?: HTMLElement;
-    time: string;
-    handleTooltipClose: () => void;
-    onTimeDrilldown: (e: SyntheticEvent, timeInterval: TimeInterval) => void;
-    id: string;
+    time?: string | null;
+    handleTooltipClose?: () => void;
+    onTimeDrilldown?: (e: SyntheticEvent, timeInterval: TimeInterval) => void;
+    id?: string;
 }
 export default TimeControlsPopover;
 //# sourceMappingURL=TimeControlsPopover.d.ts.map

package/Events/PureEvents/TimeControlsPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeControlsPopover.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/TimeControlsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,CAAC,MAAM,YAAY,CAAC;AAC3B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsDlD,QAAA,MAAM,mBAAmB;YAAW,wBAAwB,GAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;CAwLhF,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;CACd;AAoBD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TimeControlsPopover.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/TimeControlsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsDlD,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,KAAG,KAAK,CAAC,YA+LpE,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAe,mBAAmB,CAAC"}

package/Events.js

@@ -491,7 +491,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.6.0 - 92427899a"
+  "data-splunk-visualization-version": "28.8.0 - 633c53372"
 })`
     position: relative;
     width: 100%;
@@ -590,7 +590,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.6.0 - 92427899a",
+        "data-splunk-visualization-version": "28.8.0 - 633c53372",
         width,
         height,
         backgroundColor
@@ -2999,14 +2999,14 @@ var actionsForField = (field) => {
 var FieldSummaryTooltip = (props) => {
   var _a, _b;
   const {
-    open,
-    anchor,
-    handleTooltipClose,
-    fieldName,
-    fieldSummaryMap,
-    onActionClicked,
-    onFieldValueClicked,
-    id,
+    open = false,
+    anchor = null,
+    handleTooltipClose = lodash_exports.noop,
+    fieldName = "",
+    fieldSummaryMap = {},
+    onActionClicked = lodash_exports.noop,
+    onFieldValueClicked = lodash_exports.noop,
+    id = "",
     dataSources
   } = props;
   const { isSplunkWebAvailable } = (0, react_exports.useContext)(EventsContext_default);
@@ -3053,26 +3053,6 @@ var FieldSummaryTooltip = (props) => {
     ) : /* @__PURE__ */ react_exports.createElement(StyledMarkdown, { text: fallbackText }))
   );
 };
-FieldSummaryTooltip.defaultProps = {
-  open: false,
-  anchor: null,
-  fieldName: "",
-  fieldSummaryMap: {},
-  handleTooltipClose: lodash_exports.noop,
-  onActionClicked: lodash_exports.noop,
-  onFieldValueClicked: lodash_exports.noop,
-  id: ""
-};
-FieldSummaryTooltip.propTypes = {
-  open: prop_types_default.bool,
-  anchor: prop_types_default.node,
-  fieldName: prop_types_default.string,
-  fieldSummaryMap: prop_types_default.object,
-  handleTooltipClose: prop_types_default.func,
-  onActionClicked: prop_types_default.func,
-  onFieldValueClicked: prop_types_default.func,
-  id: prop_types_default.string
-};
 var FieldSummaryTooltip_default = FieldSummaryTooltip;
 
 // esm-externals:@splunk/react-ui/ControlGroup
@@ -3175,7 +3155,14 @@ var rangeUnitInputStyle = {
 };
 var applyButtonStyle = { marginLeft: 10 };
 var TimeControlsPopover = (props) => {
-  const { open, anchor, time, handleTooltipClose, onTimeDrilldown, id } = props;
+  const {
+    open = false,
+    anchor = null,
+    time = null,
+    handleTooltipClose = lodash_exports.noop,
+    onTimeDrilldown = lodash_exports.noop,
+    id = ""
+  } = props;
   const [rangeType, setRangeType] = react_exports.useState("plusminus");
   const [rangeAmount, setRangeAmount] = react_exports.useState("5");
   const [rangeUnit, setRangeUnit] = react_exports.useState("s");
@@ -3324,22 +3311,6 @@ var TimeControlsPopover = (props) => {
     )))
   );
 };
-TimeControlsPopover.propTypes = {
-  open: prop_types_default.bool,
-  anchor: prop_types_default.node,
-  time: prop_types_default.string,
-  handleTooltipClose: prop_types_default.func,
-  onTimeDrilldown: prop_types_default.func,
-  id: prop_types_default.string
-};
-TimeControlsPopover.defaultProps = {
-  open: false,
-  anchor: null,
-  time: null,
-  handleTooltipClose: lodash_exports.noop,
-  onTimeDrilldown: lodash_exports.noop,
-  id: ""
-};
 var TimeControlsPopover_default = TimeControlsPopover;
 
 // src/Events/PureEvents/PureEvents.tsx
@@ -3411,18 +3382,18 @@ var createFieldActionComponent = (fieldActionProps, dataSources, label, currentF
 };
 var PureEvents = (props) => {
   const {
-    width,
-    height,
+    width = 800,
+    height = 500,
     backgroundColor,
-    dataSources = {},
+    dataSources = EMPTY_DATASOURCE,
     eventActions: eventActionsProps = [],
     fieldActions: fieldActionsProps = {},
-    showFieldSummary,
-    footerFields,
-    highlightValuesByField,
-    onOptionsChange,
-    onRequestParamsChange,
-    onEventTrigger
+    showFieldSummary = true,
+    footerFields = [],
+    highlightValuesByField = {},
+    onOptionsChange = lodash_exports.noop,
+    onRequestParamsChange = lodash_exports.noop,
+    onEventTrigger = lodash_exports.noop
   } = props;
   const highlightValuesByFieldCombined = react_exports.useMemo(() => {
     var _a, _b, _c;
@@ -3681,51 +3652,6 @@ var PureEvents = (props) => {
     ))
   );
 };
-var eventActionShape = prop_types_exports.exact({
-  eventType: prop_types_exports.string.isRequired,
-  label: prop_types_exports.string.isRequired,
-  eventtypeValues: prop_types_exports.arrayOf(prop_types_exports.string),
-  fieldFilters: prop_types_exports.arrayOf(prop_types_exports.string)
-});
-var eventActionsPropType = prop_types_exports.arrayOf(eventActionShape);
-var fieldActionShape = prop_types_exports.exact({
-  eventType: prop_types_exports.string.isRequired,
-  label: prop_types_exports.string.isRequired,
-  eventtypeValues: prop_types_exports.arrayOf(prop_types_exports.string)
-});
-var fieldActionArrayPropType = prop_types_exports.arrayOf(fieldActionShape);
-var fieldActionsPropType = prop_types_exports.objectOf(fieldActionArrayPropType);
-PureEvents.propTypes = {
-  width: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number]),
-  height: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number]),
-  // need this to satisfy props interface
-  // eslint-disable-next-line react/no-unused-prop-types
-  mode: prop_types_exports.string,
-  backgroundColor: prop_types_exports.string,
-  eventActions: eventActionsPropType,
-  fieldActions: fieldActionsPropType,
-  showFieldSummary: prop_types_exports.bool,
-  footerFields: prop_types_exports.array,
-  highlightValuesByField: prop_types_exports.objectOf(prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.arrayOf(prop_types_exports.string)])),
-  onOptionsChange: prop_types_exports.func,
-  dataSources: prop_types_exports.any,
-  onRequestParamsChange: prop_types_exports.func,
-  onEventTrigger: prop_types_exports.func
-};
-PureEvents.defaultProps = {
-  width: 800,
-  height: 500,
-  mode: "view",
-  eventActions: [],
-  fieldActions: {},
-  dataSources: EMPTY_DATASOURCE,
-  showFieldSummary: true,
-  footerFields: [],
-  highlightValuesByField: {},
-  onOptionsChange: lodash_exports.noop,
-  onRequestParamsChange: lodash_exports.noop,
-  onEventTrigger: lodash_exports.noop
-};
 var PureEvents_default = FixedSizeContainer_default(PureEvents);
 
 // src/Events/Events.tsx