monday-ui-react-core/dist/esm/src/components/Steps/StepsCommand.js

Official monday.com UI resources for application development in React.js

import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as s,useCallback as e}from"react";import n from"classnames";import i from"../Icon/Icons/components/NavigationChevronRight.js";import m from"../Icon/Icons/components/NavigationChevronLeft.js";import c from"../Icon/Icon.js";import a from"../Button/Button.js";import{NOOP as l}from"../../utils/function-utils.js";import{StepsColor as p,NEXT_TEXT as d,BACK_TEXT as f}from"./StepsConstants.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import v from"./StepsCommand.module.scss.js";import{camelCase as j}from"lodash-es";import{getStyle as C}from"../../helpers/typesciptCssModulesHelper.js";var I=function(I){var b=I.isNext,h=void 0!==b&&b,A=I.onChangeActiveStep,R=void 0===A?l:A,S=I.activeStepIndex,_=I.stepsCount,N=I.isIconHidden,g=void 0!==N&&N,M=I.buttonProps,P=void 0===M?{}:M,k=I.color,E=void 0===k?p.PRIMARY:k,B=P.children,D=t(P,["children"]),O=s((function(){return B||(h?d:f)}),[h,B]),T=h?S+1:S-1,x=e((function(o){return R(o,T)}),[T,R]),H=h&&S===_-1||!h&&0===S,y=h?i:m;return r.createElement(a,Object.assign({className:n(v.command,o({},v.backward,!h)),"data-testid":h?u.STEPS_FORWARD_COMMAND:u.STEPS_BACKWARD_COMMAND,kind:a.kinds.TERTIARY,onClick:x,disabled:H,color:E},D),O,g?null:r.createElement(c,{icon:y,clickable:!1,className:n(v.icon,C(v,j("color-"+E)),o({},v.disabled,H))}))};export{I as StepsCommand};
//# sourceMappingURL=StepsCommand.js.map