monday-ui-react-core/dist/esm/src/components/Tipseen/TipseenContent.js

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

import{__rest as t}from"../../../_virtual/_tslib.js";import s,{useContext as i,useMemo as e}from"react";import o from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import m from"../Button/Button.js";import{backwardCompatibilityForProperties as r}from"../../helpers/backwardCompatibilityForProperties.js";import{TipseenColor as l,DISMISS_BUTTON_TEXT as a,SUBMIT_BUTTON_TEXT as c}from"./TipseenConstants.js";import d from"./TipseenBasicContent.js";import u from"./TipseenContent.module.scss.js";import{getTestId as p}from"../../tests/testIds.js";import{ComponentDefaultTestId as N}from"../../tests/constants.js";import{TipseenContext as f}from"./Tipseen.js";import{ButtonColor as C}from"../Button/ButtonConstants.js";var T={},E=function(E){var j=E.id,b=E.title,k=E.titleClassName,B=E.children,I=void 0===B?null:B,S=E.isSubmitHidden,R=E.hideSubmit,_=E.submitButtonText,O=E.onSubmit,v=E.dismissButtonText,D=E.onDismiss,P=E.dismissButtonProps,h=void 0===P?T:P,A=E.submitButtonProps,M=void 0===A?T:A,L=r([E.hideDismiss,E.isDismissHidden],!0),z=r([R,S],!1),x=h.content||h.children,Y=h.className,g=h.onClick,H=t(h,["className","onClick"]),U=r([v,x],a),V=r([D,g],n),w=M.content||M.children,y=M.className,F=M.onClick,G=t(M,["className","onClick"]),K=r([_,w],c),q=r([O,F],n),J=i(f),Q=e((function(){return J===l.INVERTED?C.ON_INVERTED_BACKGROUND:C.ON_PRIMARY_COLOR}),[J]);return s.createElement(d,{title:b,titleClassName:k,id:j},I?s.createElement("span",null,I):null,s.createElement("div",{className:o(u.buttons)},L?null:s.createElement(m,Object.assign({kind:m.kinds.TERTIARY,color:Q,className:o(u.dismiss,Y),size:m.sizes.SMALL,onClick:V,"data-testid":p(N.TIPSEEN_CONTENT_DISMISS)},H),U),z?null:s.createElement(m,Object.assign({kind:m.kinds.PRIMARY,color:Q,size:m.sizes.SMALL,className:y,onClick:q,"data-testid":p(N.TIPSEEN_CONTENT_SUBMIT)},G),K)))};export{E as default};
//# sourceMappingURL=TipseenContent.js.map