playbook_ui 13.10.0.pre.alpha.play10561428 → 13.10.0.pre.alpha.webpackerregistercomponents1463

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8a2807d542e599318fd2f79fc104f3450b639e16fc72eefb448c01801a93ce26
-  data.tar.gz: c746a684168766dc601005de394c14fb21f244afba8e0ffc06cae57b6bd41533
+  metadata.gz: 05d745f53385521fefd867230524eac36493cfe2af780a8c2600411069cbefe9
+  data.tar.gz: 41f1f9277e46f6daf91b0a02692f8c06730102a2b192b3e97cdd854d958bf5c2
 SHA512:
-  metadata.gz: 4db6c5f56ab0b8c95662906a6d33f05a785ef9f882f2c84e6d9d5b8b47b1288d0bc1780d65f0e9cc4c65d8cf67067c35ec2dbf226e42a5c3fdf17adb220a7ca0
-  data.tar.gz: bd5f400a9e68d7827361b21f54b9920584452c90611c7bd90f83a8e50348f1517736bf85a7597173d6112fea42f91b7e81e1584b43dd54e1a36e27bb5d1d9307
+  metadata.gz: 7200a71d51c92bfbded4d31a7d641d86fe9c171b582302fad9fd5fe7300114fccef96aa812a561fe1df6dc57d6d3dbfce62bdb2d5ae88b055240170ab240e8fc
+  data.tar.gz: 37e37724588a7c7f304aba08962a9631d1bb949d82003057689489b84ad08f53f200cbee8d77528703c0e2365fb6c1754959c93ef89a834bde084686e30912f7

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md

@@ -0,0 +1,10 @@
+![checkbox-default](https://github.com/powerhome/playbook/assets/92755007/dc3af1fb-8786-4002-ac64-3111b5b8c476)
+
+```swift
+
+  PBCheckbox(checked: false, text: "Unchecked", action: {})
+    .padding(.bottom, Spacing.small)
+
+  PBCheckbox(checked: true, text: "Checked", action: {})
+  
+```

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md

@@ -0,0 +1,12 @@
+![checkbox-error](https://github.com/powerhome/playbook/assets/92755007/6466de7f-fbfb-418b-8c5a-74d07a0c4f63)
+
+```swift
+
+PBCheckbox(
+  checked: false,
+  checkboxType: .error,
+  text: "Error",
+  action: {}
+)
+
+```

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md

@@ -0,0 +1,12 @@
+![checkbox-indeterminate](https://github.com/powerhome/playbook/assets/92755007/eacd6976-bd00-41a9-aca1-75ce23b6a58c)
+
+```swift
+
+PBCheckbox(
+  checked: true,
+  checkboxType: .indeterminate,
+  text: "Indeterminate",
+  action: {}
+)
+
+```

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md

@@ -0,0 +1,7 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Checked** | `Bool` | Adds a check to the Checkbox | `false` | `true` `false` |
+| **Checkbox Type** | `CheckboxType` | Changes the style of the Checkbox | `default` | `default` `error` `indeterminate` |
+| **Text** | `String` | Adds a text label | `nil` | | 
+| **Action** | `(() -> Void)` | Adds an action | `{}` |  |

data/app/pb_kits/playbook/pb_checkbox/docs/example.yml

@@ -13,3 +13,10 @@ examples:
   - checkbox_custom: Custom Checkbox
   - checkbox_error: Default w/ Error
   - checkbox_indeterminate: Indeterminate Checkbox
+
+  swift:
+    - checkbox_default_swift: Default
+    - checkbox_error_swift: Default w/ Error
+    - checkbox_indeterminate_swift: Indeterminate Checkbox
+    - checkbox_props_swift: ""
+    

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md

@@ -0,0 +1,6 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Icon** | `PlaybookGenericIcon` | Sets the kit's Icon |  |  |
+| **Size** | `PBIcon.IconSize` | Changes the size of the Circle Icon | `.x1` |  `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
+| **Color** | `Color` | Changes color of the Icon and background | `.status(.neutral)` | `Color` |

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md

@@ -0,0 +1,16 @@
+![icon-circle-colors](https://github.com/powerhome/playbook/assets/92755007/d6507900-98e9-49fb-acfb-a238bef08d1b)
+
+```swift
+
+VStack(spacing: Spacing.small) {
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data1))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data2))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data3))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data4))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data5))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data6))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data7))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data8))
+}
+
+```

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md

@@ -0,0 +1,7 @@
+![icon-circle-default](https://github.com/powerhome/playbook/assets/92755007/d5de652d-ff9e-4b54-b55e-a3bf58d7cb23)
+
+```swift
+
+PBIconCircle(FontAwesome.rocket)
+
+```

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md

@@ -0,0 +1,11 @@
+![circle-icon-sizes](https://github.com/powerhome/playbook/assets/92755007/2a474df1-5712-4c2a-9d6b-fb740ae949f2)
+
+```swift
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBIconCircle(FontAwesome.rocket, size: .small)
+  PBIconCircle(FontAwesome.rocket, size: .x1)
+  PBIconCircle(FontAwesome.rocket, size: .large)
+}
+
+```

data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml

@@ -12,3 +12,10 @@ examples:
   - icon_circle_sizes: Size
   - icon_circle_color: Color
   - icon_circle_emoji: With Emoji
+
+  swift:
+  - icon_circle_defaul_swift: Default
+  - icon_circle_sizes_swift: Size
+  - icon_circle_color_swift: Color
+  - icon_circle_color_props: "" 
+  

data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx

@@ -28,7 +28,6 @@ type TooltipProps = {
   placement?: Placement,
   position?: "absolute" | "fixed";
   text: string,
-  truncationEnabled?: boolean,
 } & GlobalProps
 
 const Tooltip = (props: TooltipProps): React.ReactElement => {
@@ -43,7 +42,6 @@ const Tooltip = (props: TooltipProps): React.ReactElement => {
     placement: preferredPlacement = "top",
     position = "absolute",
     text,
-    truncationEnabled = false,
     zIndex,
     ...rest
   } = props
@@ -61,9 +59,10 @@ const Tooltip = (props: TooltipProps): React.ReactElement => {
 
   const {
     context,
+    floating,
     middlewareData: { arrow: { x: arrowX, y: arrowY } = {},  },
     placement,
-    refs,
+    reference,
     strategy,
     x,
     y,
@@ -83,24 +82,12 @@ const Tooltip = (props: TooltipProps): React.ReactElement => {
     ],
     open,
     onOpenChange(open) {
-      if (truncationEnabled) {
-        const domRef = refs.domReference.current;
-        if (
-          (domRef?.clientWidth === domRef?.scrollWidth) ||
-          (domRef?.scrollWidth === 0)
-        ) {
-          return
-        } else {
-          setOpen(open);
-        }
-      } else {
-        setOpen(open);
-      }
+      setOpen(open)
     },
     placement: preferredPlacement
   })
 
-      
+
   const { getFloatingProps } = useInteractions([
     useHover(context, {
       delay,
@@ -121,7 +108,7 @@ const Tooltip = (props: TooltipProps): React.ReactElement => {
     <>
       <div
           className={`pb_tooltip_kit ${css}`}
-          ref={refs.setReference}
+          ref={reference}
           role="tooltip_trigger"
           style={{ display: "inline-flex" }}
           {...ariaProps}
@@ -133,7 +120,7 @@ const Tooltip = (props: TooltipProps): React.ReactElement => {
         <div
             {...getFloatingProps({
               className: `tooltip_tooltip ${placement} visible`,
-              ref: refs.setFloating,
+              ref: floating,
               role: "tooltip",
               style: {
                 position: strategy,

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx

@@ -14,6 +14,7 @@ const TooltipDefaultReact = (props) => {
    >
     <FlexItem>
       <Tooltip 
+          className={"customClassNameHere"}
           placement='top' 
           text="Whoa. I'm a Tooltip" 
           zIndex={10}

data/app/pb_kits/playbook/pb_tooltip/docs/example.yml

@@ -4,7 +4,6 @@ examples:
   - tooltip_default: Default
   - tooltip_selectors: Using Common Selectors
   - tooltip_with_icon_circle: Icon Circle Tooltip
-  - tooltip_truncated: Text Truncation
 
   react:
   - tooltip_default_react: Default
@@ -12,5 +11,3 @@ examples:
   - tooltip_margin: Margin
   - tooltip_icon: Tooltip with Icon
   - tooltip_delay: Delay
-  - tooltip_truncated: Text Truncation
-

data/app/pb_kits/playbook/pb_tooltip/docs/index.js

@@ -3,4 +3,3 @@ export { default as TooltipInteraction } from './_tooltip_interaction'
 export { default as TooltipMargin } from './_tooltip_margin'
 export { default as TooltipIcon } from './_tooltip_icon'
 export { default as TooltipDelay } from './_tooltip_delay'
-export { default as TooltipTruncated } from './_tooltip_truncated'

data/app/pb_kits/playbook/pb_tooltip/index.js

@@ -54,9 +54,6 @@ export default class PbTooltip extends PbEnhancedElement {
   }
 
   showTooltip(trigger) {
-    let triggerClasses = [...trigger.classList];
-    if (triggerClasses.includes("tooltip-disabled")) return
-
     this.popper = createPopper(trigger, this.tooltip, {
       placement: this.position,
       modifiers: [

data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb

@@ -7,22 +7,3 @@
     <div class="arrow" id="<%= object.tooltip_id %>-arrow"></div>
   </div>
 <% end %>
-
-<script>
-  if (<%= object.truncation_enabled %>) {
-    // only display tooltip if trigger element is truncated
-    document.addEventListener("DOMContentLoaded", function () {
-      const formatedTriggerElementId =
-        "<%= object.trigger_element_selector %>".replace("#", "");
-      const triggerElement = document.getElementById(formatedTriggerElementId);
-
-      // if scrollWidth is the same as the offsetWidth, the trigger element is not truncated
-      if (
-        triggerElement.offsetWidth === triggerElement.scrollWidth ||
-        triggerElement.scrollWidth === 0
-      ) {
-        triggerElement.classList.add("tooltip-disabled");
-      }
-    });
-  }
-</script>

data/app/pb_kits/playbook/pb_tooltip/tooltip.rb

@@ -7,7 +7,6 @@ module Playbook
       prop :trigger_element_selector
       prop :trigger_element_id, deprecated: true
       prop :tooltip_id
-      prop :truncation_enabled, default: false
       prop :dark, type: Playbook::Props::Boolean,
                   default: false
 

data/app/pb_kits/playbook/playbook-doc.js

@@ -104,7 +104,7 @@ import * as UserBadge from 'pb_user_badge/docs'
 import * as Walkthrough from 'pb_walkthrough/docs'
 import * as WeekdayStacked from 'pb_weekday_stacked/docs'
 
-WebpackerReact.setup({
+WebpackerReact.registerComponents({
   ...Avatar,
   ...AvatarActionButton,
   ...Background,