playbook_ui_docs 15.0.0.pre.alpha.PLAY198710641 → 15.0.0.pre.alpha.PLAY236510413

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0f5938a15601323185558bb9c9e5d227ce14aa94855251c8f77a84841b91031
-  data.tar.gz: e60aafb4b3a8fe204d0ce1ac23918f8de1b32438a56488f1d46e3aeaab245ff1
+  metadata.gz: ed70a9f2f6f0296363a060d0e4a15dc37dcb06075567daaeac749b48a40931cf
+  data.tar.gz: e0b70fc2477490691b9e89a6df4a63ca1d35d8961cd041fd2b3c24535b218671
 SHA512:
-  metadata.gz: cb2b11cc737a3d162541cf94e5d31393ec13c49ca8818bed4ac309c36a34adcf6423a4678096d2ab6b9cede023250346bf5a1d5a884091156ea2f4e22b8fd86a
-  data.tar.gz: eec799f84615fe6ef25f99c30b6981b80150c5103a762d57495b130ff97b4bef5c075ef4de33589e0cf9e5d6b420fc9293e953600e5d14a3d2d1cd0111e2d937
+  metadata.gz: 530287bf562782e712312b9615b37e75f80b37a52b5d923081c31ec3d970a1e650f26ecd8a68377012f4c62c9704913d3a860a40308d20c9847ed4f092d14e5d
+  data.tar.gz: b16a156ff3d1dea68223cc42fac42498c0e73042ec279bf3ffb02eef585046f7fd28cc4d82d0428cee5b28ae93adbdda06a186d4d5e821d15803d3209011fedf

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

@@ -4,6 +4,7 @@ examples:
   - bar_graph_default: Default
   - bar_graph_legend: Legend
   - bar_graph_legend_position: Legend Position
+  - bar_graph_legend_non_clickable: Legend Non Clickable
   - bar_graph_height: Height
   - bar_graph_spline: Spline
   - bar_graph_colors: Color Overrides

data/app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb

@@ -4,9 +4,6 @@
 <%= pb_rails("card", props: {highlight: {position: "top", color:"warning"}, margin_bottom: "sm"}) do %>
   Top Position & Warning Color
 <% end %>
-<%= pb_rails("card", props: {highlight: {position: "right_side", color:"product_5_highlight"}, margin_bottom: "sm"}) do %>
-  Right Side Position & Product 5 Highlight Color
-<% end %>
 <%= pb_rails("card", props: {highlight: {position: "side", color:"category_2"}, margin_bottom: "sm"}) do %>
   Side Position & Category 2 Color
 <% end %>

data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx

@@ -21,14 +21,6 @@ const CardHighlight = (props) => {
         {'Top Position & Warning Color'}
       </Card>
 
-      <Card
-          {...props}
-          highlight={{ position: 'right_side', color: 'product_5_highlight' }}
-          marginBottom="sm"
-      >
-        {'Right Side Position & Product 5 Highlight Color'}
-      </Card>
-
       <Card
           {...props}
           highlight={{ position: 'side', color: 'category_2' }}

data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb

@@ -91,7 +91,6 @@
 <%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
   <%= form.typeahead :example_typeahead, props: { data: { typeahead_example1: true, user: {} }, label: true, placeholder: "Search for a user" } %>
   <%= form.text_field :example_text_field, props: { label: true } %>
-  <%= form.text_field :example_text_field_2, props: { label: "Text Field Custom Label" } %>
   <%= form.phone_number_field :example_phone_number_field, props: { label: "Example phone field", hidden_inputs: true } %>
   <%= form.email_field :example_email_field, props: { label: true } %>
   <%= form.number_field :example_number_field, props: { label: true } %>

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md

@@ -1,4 +1,4 @@
-Custom tooltip formatting is configured through the tooltip object in the options passed to the kit: 
+Custom tooltip formatting is configured through the tooltip object in the chart options: 
 `headerFormat` **Type**: String | when set to null will disable the header.
 `pointFormat` **Type**: String | defines the HTML template for each data point and supports custom HTML when `useHTML` is enabled.
 `useHTML` **Type**: boolean (default false) | enables HTML rendering in tooltips.

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md

@@ -1,4 +1,4 @@
-Layout options from Highcharts:
+##### Prop
 
 `align` **Type**: String | **Values**: left | center | right (defaults to center)
 `verticalAlign` **Type**: String | **Values**: top | middle | bottom (defaults to bottom)

data/app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md

@@ -0,0 +1 @@
+Use these only to display status updates in areas that has a lot of data.

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb

@@ -8,6 +8,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
   align: "left"
 }) %>
 
@@ -15,6 +16,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now + 4.years,
+  show_date: true,
   align: "left"
 }) %>
 
@@ -22,6 +24,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 1.year,
+  show_date: true,
   align: "left"
 }) %>
 
@@ -37,6 +40,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
   align: "center"
 }) %>
 
@@ -44,6 +48,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now + 4.years,
+  show_date: true,
   align: "center"
 }) %>
 
@@ -51,6 +56,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 1.year,
+  show_date: true,
   align: "center"
 }) %>
 
@@ -58,6 +64,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: false,
   align: "right"
 }) %>
 
@@ -65,6 +72,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
   align: "right"
 }) %>
 
@@ -72,6 +80,7 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now + 4.years,
+  show_date: true,
   align: "right"
 }) %>
 
@@ -79,5 +88,6 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 1.year,
+  show_date: true,
   align: "right"
 }) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx

@@ -25,6 +25,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="left"
+          showDate
           timestamp={todaysDate}
           {...props}
       />
@@ -33,6 +34,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="left"
+          showDate
           timestamp={futureDate}
           {...props}
       />
@@ -41,6 +43,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="left"
+          showDate
           timestamp={pastDate}
           {...props}
       />
@@ -59,6 +62,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="center"
+          showDate
           timestamp={todaysDate}
           {...props}
       />
@@ -67,6 +71,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="center"
+          showDate
           timestamp={futureDate}
           {...props}
       />
@@ -75,6 +80,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="center"
+          showDate
           timestamp={pastDate}
           {...props}
       />
@@ -93,6 +99,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="right"
+          showDate
           timestamp={todaysDate}
           {...props}
       />
@@ -101,6 +108,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="right"
+          showDate
           timestamp={futureDate}
           {...props}
       />
@@ -109,6 +117,7 @@ const TimestampAlign = (props) => {
 
       <Timestamp
           align="right"
+          showDate
           timestamp={pastDate}
           {...props}
       />

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb

@@ -1,15 +1,29 @@
 <%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now
+  timestamp: DateTime.now,
+  show_date: false,
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now + 4.years
+  timestamp: DateTime.now,
+  show_date: true,
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 1.year
+  timestamp: DateTime.now + 4.years,
+  show_date: true,
+  align: "left"
+}) %>
+
+<br>
+
+<%= pb_rails("timestamp", props: {
+  timestamp: DateTime.now - 1.year,
+  show_date: true,
+  align: "left"
 }) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx

@@ -15,6 +15,8 @@ const TimestampDefault = (props) => {
   return (
     <div>
       <Timestamp
+          align="left"
+          showDate={false}
           timestamp={todaysDate}
           {...props}
       />
@@ -22,6 +24,17 @@ const TimestampDefault = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
+          timestamp={todaysDate}
+          {...props}
+      />
+
+      <br />
+
+      <Timestamp
+          align="left"
+          showDate
           timestamp={futureDate}
           {...props}
       />
@@ -29,6 +42,8 @@ const TimestampDefault = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           timestamp={pastDate}
           {...props}
       />

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb

@@ -10,6 +10,7 @@
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 3.months,
   variant: "elapsed",
+  show_user: false
 }) %>
 
 <br>
@@ -17,5 +18,6 @@
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 320.days,
   variant: "elapsed",
+  show_user: false,
   hide_updated: true
 }) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx

@@ -23,6 +23,7 @@ const TimestampElapsed = (props) => {
       <br />
 
       <Timestamp
+          showUser={false}
           timestamp={customDate}
           variant="elapsed"
           {...props}
@@ -32,6 +33,7 @@ const TimestampElapsed = (props) => {
 
       <Timestamp
           hideUpdated
+          showUser={false}
           timestamp={customDate}
           variant="elapsed"
           {...props}

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb

@@ -3,30 +3,37 @@
   show_date: false,
   show_timezone: true,
   timezone: "America/New_York",
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
   show_timezone: true,
   timezone: "America/New_York",
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now + 4.years,
+  show_date: true,
   show_timezone: true,
   timezone: "America/New_York",
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 1.year,
+  show_date: true,
   show_timezone: true,
   timezone: "America/New_York",
+  align: "left"
 }) %>
 
 <br>
@@ -36,30 +43,37 @@
   show_date: false,
   show_timezone: true,
   timezone: "Asia/Hong_Kong",
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
   show_timezone: true,
   timezone: "Asia/Hong_Kong",
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now + 4.years,
+  show_date: true,
   show_timezone: true,
   timezone: "Asia/Hong_Kong",
+  align: "left"
 }) %>
 
 <br>
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now - 1.year,
+  show_date: true,
   show_timezone: true,
   timezone: "Asia/Hong_Kong",
+  align: "left"
 }) %>
 
 <br>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx

@@ -15,6 +15,7 @@ const TimestampTimezones = (props) => {
   return (
     <div>
       <Timestamp
+          align="left"
           showDate={false}
           showTimezone
           timestamp={todaysDate}
@@ -25,6 +26,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={todaysDate}
           timezone="America/New_York"
@@ -34,6 +37,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={futureDate}
           timezone="America/New_York"
@@ -43,6 +48,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={pastDate}
           timezone="America/New_York"
@@ -52,6 +59,7 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
           showDate={false}
           showTimezone
           timestamp={todaysDate}
@@ -62,6 +70,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={todaysDate}
           timezone="Asia/Hong_Kong"
@@ -71,6 +81,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={futureDate}
           timezone="Asia/Hong_Kong"
@@ -80,6 +92,8 @@ const TimestampTimezones = (props) => {
       <br />
 
       <Timestamp
+          align="left"
+          showDate
           showTimezone
           timestamp={pastDate}
           timezone="Asia/Hong_Kong"

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb

@@ -2,6 +2,8 @@
 
 <%= pb_rails("timestamp", props: {
   timestamp: DateTime.now,
+  show_date: true,
+  align: "left",
   unstyled: true,
 }) %>
 
@@ -12,6 +14,8 @@
 <%= pb_rails("title", props: { size: 1 }) do %>
   <%= pb_rails("timestamp", props: {
     timestamp: DateTime.now,
+    show_date: true,
+    align: "left",
     unstyled: true,
   }) %>
 <% end %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx

@@ -10,6 +10,8 @@ const TimestampUnstyled = (props) => {
           text="Basic unstyled example"
       />
       <Timestamp
+          align="left"
+          showDate
           timestamp={new Date()}
           unstyled
           {...props}
@@ -22,6 +24,8 @@ const TimestampUnstyled = (props) => {
       />
       <Title size={1}>
         <Timestamp
+            align="left"
+            showDate
             timestamp={new Date()}
             unstyled
             {...props}

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx

@@ -17,6 +17,7 @@ const TimestampUpdated = (props) => {
       <br />
 
       <Timestamp
+          showUser={false}
           timestamp={todaysDate}
           variant="updated"
           {...props}

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

@@ -2,30 +2,18 @@ examples:
 
   rails:
   - timestamp_default: Default
-  - timestamp_show_date: Hide Date
-  - timestamp_show_time: Hide Time
-  - timestamp_show_current_year: Show Current Year
-  - timestamp_timezones: Show Timezones
   - timestamp_align: Alignments
-  - timestamp_elapsed: Time Ago (Elapsed Variant)
-  - timestamp_updated: Last Updated by (Updated Variant)
-  - timestamp_updated_show_current_year: Last Updated by (Updated Variant) - Show Current Year
-  - timestamp_updated_show_date: Last Updated by (Updated Variant) - Hide Date
-  - timestamp_updated_show_time: Last Updated by (Updated Variant) - Hide Time
+  - timestamp_timezones: Timezones
+  - timestamp_updated: Last Updated by
+  - timestamp_elapsed: Time Ago
   - timestamp_unstyled: Unstyled
 
   react:
   - timestamp_default: Default
-  - timestamp_show_date: Hide Date
-  - timestamp_show_time: Hide Time
-  - timestamp_show_current_year: Show Current Year
-  - timestamp_timezones: Show Timezones
   - timestamp_align: Alignments
-  - timestamp_elapsed: Time Ago (Elapsed Variant)
-  - timestamp_updated: Last Updated by (Updated Variant)
-  - timestamp_updated_show_current_year: Last Updated by (Updated Variant) - Show Current Year
-  - timestamp_updated_show_date: Last Updated by (Updated Variant) - Hide Date
-  - timestamp_updated_show_time: Last Updated by (Updated Variant) - Hide Time
+  - timestamp_timezones: Timezones
+  - timestamp_updated: Last Updated by
+  - timestamp_elapsed: Time Ago
   - timestamp_unstyled: Unstyled
 
   swift:

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

@@ -4,9 +4,3 @@ export { default as TimestampTimezones } from './_timestamp_timezones.jsx'
 export { default as TimestampUpdated } from './_timestamp_updated.jsx'
 export { default as TimestampElapsed } from './_timestamp_elapsed.jsx'
 export { default as TimestampUnstyled } from './_timestamp_unstyled.jsx'
-export { default as TimestampShowDate } from './_timestamp_show_date.jsx'
-export { default as TimestampShowTime } from './_timestamp_show_time.jsx'
-export { default as TimestampShowCurrentYear } from './_timestamp_show_current_year.jsx'
-export { default as TimestampUpdatedShowCurrentYear } from './_timestamp_updated_show_current_year.jsx'
-export { default as TimestampUpdatedShowDate } from './_timestamp_updated_show_date.jsx'
-export { default as TimestampUpdatedShowTime } from './_timestamp_updated_show_time.jsx'