playbook_ui 14.11.0.pre.rc.0 → 14.11.0.pre.rc.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 93788c4b8bbd44e019a38f5571acf4198049ac438dc27c167cefd7cab650b87b
-  data.tar.gz: 63d3895e773f530e299617c20b4a8f6d079b2459138601e2f5692263a0726a70
+  metadata.gz: f7485c2964f0df7dc702e1fd9895ad2a789c9762eca2242fc2a4286d70e53939
+  data.tar.gz: 42e1c868c9a1d45c49227ba8c4ec19b5dbcf5c402a9173b0f5f8bc10a327a65b
 SHA512:
-  metadata.gz: df77853746ada203efa406ee169fe74991875b8ef9fb51d8fddf318560fb4d7aaea92b6ec037490c998143c9b4ba63651c88b8f7f55b2e6780a79da5e3f647cd
-  data.tar.gz: 26777aace2401665ed06140676e6b00afb55d8e3a69f63400a74edd01c85d1bdbf883b48e90a464bbf67cc93f988f5eecfd2377b7eee4847d9ed0bb667c0cdf3
+  metadata.gz: f9ae09094c9913b5b9252520dde467243225d106e0bc72ba6c0b089244c326497b0d5dc85ab24012258b52a79ff80413778094610583181c36057f68fd6b1363
+  data.tar.gz: 7672ee2433fddd32528fedeb274285b8da1276aad6e442b092d238924fe44880d7110dfdf59302b73e29434d44a36476d6d92142001682cab96333b77f92e8ca

data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx

@@ -20,6 +20,7 @@ type CircleIconButtonProps = {
   onClick?: React.MouseEventHandler<HTMLElement>,
   newWindow?: boolean,
   type?: 'button' | 'submit' | 'reset' | undefined,
+  target?: string
   variant?: 'primary' | 'secondary' | 'link',
 }
 
@@ -36,6 +37,7 @@ const CircleIconButton = (props: CircleIconButtonProps): React.ReactElement => {
     loading = false,
     onClick = noop,
     type,
+    target,
     link,
     newWindow,
     variant,
@@ -66,6 +68,7 @@ const CircleIconButton = (props: CircleIconButtonProps): React.ReactElement => {
           loading={loading}
           newWindow={newWindow}
           onClick={onClick}
+          target={target}
           text={null}
           variant={variant}
       >

data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb

@@ -1,5 +1,5 @@
 <%= pb_content_tag do %>
-  <%= pb_rails("button", props: {type: object.type, loading: object.loading, link: object.link, new_window:object.new_window, variant: object.variant, disabled: object.disabled, dark: object.dark}) do %>
+  <%= pb_rails("button", props: {type: object.type, loading: object.loading, link: object.link, new_window:object.new_window, variant: object.variant, target: object.target, disabled: object.disabled, dark: object.dark}) do %>
     <%= pb_rails("icon", props: {icon: object.icon, fixed_width: true, dark: object.dark}) %>
   <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb

@@ -17,6 +17,7 @@ module Playbook
       prop :link
       prop :new_window, type: Playbook::Props::Boolean,
                         default: false
+      prop :target
       def classname
         generate_classname("pb_circle_icon_button_kit")
       end

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb

@@ -10,3 +10,11 @@
   link: "https://google.com",
   new_window: true
 }) %>
+<br/>
+<%= pb_rails("circle_icon_button", props: {
+  icon: "info",
+  variant: "secondary",
+  aria: { label: "Link to Playbook in new window" },
+  link: "https://playbook.powerapp.cloud/",
+  target: "child"
+}) %>

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx

@@ -21,6 +21,15 @@ const CircleIconButtonLink = (props) => (
         {...props}
     />
 
+    <br/>
+
+    <CircleIconButton
+        aria={{ label: "Link to Playbook in new window" }}
+        icon="info"
+        link="https://playbook.powerapp.cloud/"
+        target="child"
+        variant="secondary"
+    />
   </div>
 )
 

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md

@@ -0,0 +1 @@
+The `link` prop accepts a string that is used as an href value and causes the button to act as a link. The default behavior of a link is to open in the current window. You can optionally alter the link behavior by adding the `newWindow` prop (boolean), which will open the link in a new window, or by calling the `target` prop, which accepts `_self`, `_blank`, `_parent`, `_top`, `child`, or any string, allowing you to specify any link target.