UNPKG

carbon-react

Version:

A library of reusable React components for easily building user interfaces.

2 lines (1 loc) 2.09 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../loader/loader.component.js"),t=require("./switch-slider.style.js"),i=require("./switch-slider-panel.style.js"),n=require("../../../__internal__/validations/validation-icon.component.js"),o=require("../../../hooks/__internal__/useLocale/useLocale.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}exports.default=({checked:s,disabled:l,loading:d,size:u,error:p,warning:f,info:b,useValidationIcon:j,isDarkBackground:O})=>{const y=o.default(),g=y.switch.on(),h=y.switch.off(),w=g.length>h.length?g.toUpperCase():h.toUpperCase(),v=s?g:h,m={isLoading:d,checked:s,disabled:l,size:u,error:p,warning:f,info:b,isDarkBackground:O},P={isLoading:d,size:u,type:s?"on":"off",disabled:l,isDarkBackground:O},k={isInsideButton:!0,isActive:s,size:u},_=e.jsx(i.default,c(a({"data-role":"slider-panel"},P),{"aria-live":"polite",children:d?e.jsx(r.Loader,a({"data-role":"switch-slider-loader"},k)):v}));return e.jsxs(e.Fragment,{children:[e.jsx(t.HiddenContent,{size:u,"aria-hidden":!0,children:w}),e.jsxs(t.StyledSwitchSlider,c(a({"data-component":"slider","data-role":"slider"},m),{children:[_,j&&e.jsx(n.ValidationIcon,{error:p,warning:f,info:b,size:u,tooltipFlipOverrides:["top","bottom"]})]}))]})};