carbon-react 111.12.1 → 111.12.3

package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -1,11 +1,9 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledStepSequenceItem, StyledStepSequenceItemContent, StyledStepSequenceItemIndicator, StyledStepSequenceItemHiddenLabel } from "./step-sequence-item.style";
 import Icon from "../../icon";
 import { StepSequenceContext } from "../step-sequence.component";
-
 const StepSequenceItem = ({
   hideIndicator = false,
   indicator,
@@ -19,27 +17,21 @@ const StepSequenceItem = ({
   const {
     orientation
   } = useContext(StepSequenceContext);
-
   const indicatorText = () => {
     return !hideIndicator ? /*#__PURE__*/React.createElement(StyledStepSequenceItemIndicator, null, indicator) : null;
   };
-
   const icon = () => status === "complete" ? /*#__PURE__*/React.createElement(Icon, {
     type: "tick"
   }) : indicatorText();
-
   const hiddenLabel = () => {
     if (hiddenCompleteLabel && status === "complete") {
       return /*#__PURE__*/React.createElement(StyledStepSequenceItemHiddenLabel, null, hiddenCompleteLabel);
     }
-
     if (hiddenCurrentLabel && status === "current") {
       return /*#__PURE__*/React.createElement(StyledStepSequenceItemHiddenLabel, null, hiddenCurrentLabel);
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement(StyledStepSequenceItem, _extends({
     "data-component": "step-sequence-item",
     orientation: orientation,
@@ -48,7 +40,6 @@ const StepSequenceItem = ({
     "aria-label": ariaLabel
   }, rest), hiddenLabel(), /*#__PURE__*/React.createElement(StyledStepSequenceItemContent, null, icon(), /*#__PURE__*/React.createElement("span", null, children)));
 };
-
 StepSequenceItem.propTypes = {
   "ariaLabel": PropTypes.string,
   "children": PropTypes.node,

package/esm/components/step-sequence/step-sequence.component.js

@@ -1,12 +1,10 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from "react";
 import PropTypes from "prop-types";
 import StyledStepSequence from "./step-sequence.style";
 export const StepSequenceContext = /*#__PURE__*/React.createContext({
   orientation: "horizontal"
 });
-
 const StepSequence = ({
   children,
   orientation = "horizontal",
@@ -22,7 +20,6 @@ const StepSequence = ({
     }
   }, children));
 };
-
 StepSequence.propTypes = {
   "children": PropTypes.node,
   "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({

package/esm/components/switch/__internal__/switch-slider-panel.style.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from "../switch.component";
+export interface SwitchSliderPanelProps {
+    isLoading?: boolean;
+    size?: SwitchProps["size"];
+}
+declare const SwitchSliderPanel: import("styled-components").StyledComponent<"div", any, SwitchSliderPanelProps, never>;
+export default SwitchSliderPanel;

package/esm/components/switch/__internal__/switch-slider-panel.style.js

@@ -1,5 +1,4 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
 import StyledLoader from "../../loader/loader.style";
 import StyledLoaderSquare from "../../loader/loader-square.style";
 const SwitchSliderPanel = styled.div`
@@ -59,8 +58,4 @@ const SwitchSliderPanel = styled.div`
     `}
   `}
 `;
-SwitchSliderPanel.propTypes = {
-  isLoading: PropTypes.bool,
-  size: PropTypes.string
-};
 export default SwitchSliderPanel;

package/esm/components/switch/__internal__/switch-slider.component.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ValidationProps } from "../../../__internal__/validations";
+export interface SwitchSliderProps extends ValidationProps {
+    checked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: "small" | "large";
+    useValidationIcon?: boolean;
+}
+declare const SwitchSlider: ({ checked, disabled, loading, size, error, warning, info, useValidationIcon, }: SwitchSliderProps) => JSX.Element;
+export default SwitchSlider;

package/esm/components/switch/__internal__/switch-slider.component.js

@@ -5,7 +5,6 @@ import StyledSwitchSlider from "./switch-slider.style";
 import SwitchSliderPanel from "./switch-slider-panel.style";
 import ValidationIcon from "../../../__internal__/validations/validation-icon.component";
 import useLocale from "../../../hooks/__internal__/useLocale";
-
 const SwitchSlider = ({
   checked,
   disabled,
@@ -47,15 +46,14 @@ const SwitchSlider = ({
     tooltipFlipOverrides: ["top", "bottom"]
   }));
 };
-
 SwitchSlider.propTypes = {
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  size: PropTypes.string,
-  error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  warning: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  info: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  useValidationIcon: PropTypes.bool
+  "checked": PropTypes.bool,
+  "disabled": PropTypes.bool,
+  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "loading": PropTypes.bool,
+  "size": PropTypes.oneOf(["large", "small"]),
+  "useValidationIcon": PropTypes.bool,
+  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
 };
 export default SwitchSlider;

package/esm/components/switch/__internal__/switch-slider.style.d.ts

@@ -0,0 +1,6 @@
+import { SwitchSliderProps } from "./switch-slider.component";
+interface StyledSwitchSliderProps extends Pick<SwitchSliderProps, "checked" | "disabled" | "size" | "error" | "warning"> {
+    isLoading?: boolean;
+}
+declare const StyledSwitchSlider: import("styled-components").StyledComponent<"span", any, StyledSwitchSliderProps, never>;
+export default StyledSwitchSlider;

package/esm/components/switch/__internal__/switch-slider.style.js

@@ -1,5 +1,4 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
 import SwitchSliderPanel from "./switch-slider-panel.style";
 import StyledValidationIcon from "../../../__internal__/validations/validation-icon.style";
 const StyledSwitchSlider = styled.span`
@@ -107,12 +106,4 @@ const StyledSwitchSlider = styled.span`
     }
   `}
 `;
-StyledSwitchSlider.propTypes = {
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  size: PropTypes.string,
-  isLoading: PropTypes.bool,
-  error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  warning: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-};
 export default StyledSwitchSlider;

package/esm/components/switch/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./switch";
+export { default } from "./switch.component";
+export type { SwitchProps } from "./switch.component";

package/esm/components/switch/switch.component.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MarginProps } from "styled-system";
+import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
+export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-component"?: string;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-element"?: string;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-role"?: string;
+    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    adaptiveLabelBreakpoint?: number;
+    /** Set the default value of the Switch if component is meant to be used as uncontrolled */
+    defaultChecked?: boolean;
+    /** Text alignment of the label */
+    labelAlign?: "left" | "right";
+    /** When true label is inline */
+    labelInline?: boolean;
+    /** Triggers loading animation */
+    loading?: boolean;
+    /** When true, validation icon will be placed on label instead of being placed on the input */
+    validationOnLabel?: boolean;
+    /** The value of the switch, passed on form submit */
+    value?: string;
+    /** Overrides the default tooltip position */
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    /** Aria label for rendered help component */
+    helpAriaLabel?: string;
+}
+export declare const Switch: ({ autoFocus, id, label, onChange, onBlur, onFocus, value, checked, defaultChecked, disabled, loading, reverse, validationOnLabel, labelInline, labelSpacing, labelHelp, fieldHelpInline, size, name, adaptiveLabelBreakpoint, tooltipPosition, error, warning, info, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;