carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.89 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../__internal__/utils/helpers/guid/index.js"),o=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../button-toggle/button-toggle.component.js"),u=require("../../../button-toggle/button-toggle-group/button-toggle-group.component.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){l(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const i=({size:l,onChange:i,toggleValue:s,disabled:g,toggleProps:p})=>{const b=o.default(),f=b.time.amText(),d=b.time.pmText(),j=t.useRef(r.default()),{wrapperProps:m,amToggleProps:O,pmToggleProps:y}=p||{},P=t.useCallback((e=>{const t=e.target.value;t!==s&&i(t)}),[s,i]);return e.jsxs(u.default,a(c({},m),{"data-component":"time-button-toggle-group",m:"0px 0px 0px 16px",id:j.current,onChange:P,value:s,disabled:g,children:[e.jsx(n.ButtonToggle,a(c({},O),{"data-component":"am-button-toggle",value:"AM",size:l,children:f})),e.jsx(n.ButtonToggle,a(c({},y),{"data-component":"pm-button-toggle",value:"PM",size:l,children:d}))]}))};i.displayName="Toggle",exports.default=i;