feat(rich-tooltip): rename actiontext prop

Author: gabrielduete

packages/core/src/components.d.ts

@@ -227,7 +227,7 @@ export namespace Components {
     }
     interface AtomRichTooltip {
         "action": 'hover' | 'click';
-        "actiontext": string;
+        "actionText": string;
         "element": string;
         "placement": | 'top'
     | 'top-start'
@@ -645,7 +645,7 @@ declare global {
         new (): HTMLAtomPaginationElement;
     };
     interface HTMLAtomRichTooltipElementEventMap {
-        "buttonaction": void;
+        "buttonAction": void;
     }
     interface HTMLAtomRichTooltipElement extends Components.AtomRichTooltip, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAtomRichTooltipElementEventMap>(type: K, listener: (this: HTMLAtomRichTooltipElement, ev: AtomRichTooltipCustomEvent<HTMLAtomRichTooltipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1020,9 +1020,9 @@ declare namespace LocalJSX {
     }
     interface AtomRichTooltip {
         "action"?: 'hover' | 'click';
-        "actiontext"?: string;
+        "actionText"?: string;
         "element"?: string;
-        "onButtonaction"?: (event: AtomRichTooltipCustomEvent<void>) => void;
+        "onButtonAction"?: (event: AtomRichTooltipCustomEvent<void>) => void;
         "placement"?: | 'top'
     | 'top-start'
     | 'top-end'

packages/core/src/components/rich-tooltip/rich-tooltip.tsx

@@ -28,9 +28,9 @@ export class AtomRichTooltip {
     | 'left' = 'top'
   @Prop() action: 'hover' | 'click' = 'hover'
   @Prop() title?: string
-  @Prop() actiontext: string
+  @Prop() actionText: string
 
-  @Event() buttonaction: EventEmitter<void>
+  @Event() buttonAction: EventEmitter<void>
 
   render() {
     return (
@@ -46,9 +46,9 @@ export class AtomRichTooltip {
             <p class='text'>
               <slot />
             </p>
-            {this.action === 'click' && this.actiontext && (
-              <p class='action' onClick={() => this.buttonaction.emit()}>
-                {this.actiontext}
+            {this.action === 'click' && this.actionText && (
+              <p class='action' onClick={() => this.buttonAction.emit()}>
+                {this.actionText}
               </p>
             )}
           </div>

packages/core/src/components/rich-tooltip/stories/rich-tooltip.args.ts

@@ -76,14 +76,14 @@ export const RichTooltipStoryArgs = {
         category: Category.PROPERTIES,
       },
     },
-    actiontext: {
+    actionText: {
       control: 'text',
       description: 'Determines a text for action button.',
       table: {
         category: Category.PROPERTIES,
       },
     },
-    buttonaction: {
+    buttonAction: {
       description:
         'Event emitted when the action button is clicked. Action needs to be click to show the button.',
       table: {
@@ -112,6 +112,6 @@ export const RichTooltipComponentArgs = {
   text: 'Supporting line text lorem ipsum dolor sit amet, consectetur',
   action: 'hover',
   title: 'Title',
-  actiontext: 'Action Button',
+  actionText: 'Action Button',
   open: false,
 }

packages/core/src/components/rich-tooltip/stories/rich-tooltip.core.stories.tsx

@@ -28,8 +28,8 @@ const createRichTooltip = (args, buttonText = 'hover') => {
         element="${args.element}"
         title="${args.title}"
         action="${args.action}"
-        actiontext="${args.actiontext}"
-        buttonaction="${args.buttonaction}"
+        action-text="${args.actionText}"
+        button-action="${args.buttonAction}"
         open="${args.open}"
       >
         ${args.text}

packages/core/src/components/rich-tooltip/stories/rich-tooltip.react.stories.tsx

@@ -29,8 +29,7 @@ const createTooltip = (args, buttonText = 'Hover') => (
       element={args.element}
       title={args.title}
       action={args.action}
-      actiontext={args.actiontext}
-      buttonaction={args.buttonaction}
+      actionText={args.actiontext}
       open={args.open}
     >
       {args.text}

packages/core/src/components/rich-tooltip/stories/rich-tooltip.vue.stories.tsx

@@ -33,8 +33,7 @@ const createTooltip = (args, buttonText = 'Hover') => ({
         :element="args.element"
         :title="args.title"
         :action="args.action"
-        :actiontext="args.actiontext"
-        :buttonaction="args.buttonaction"
+        :actionText="args.actiontext"
         :open="args.open"
       >
         {{ args.text }}