playbook_ui 7.4.0.pre.alpha5 → 7.4.0.pre.alpha6

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.html.erb

@@ -1,20 +0,0 @@
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true
-}) %>
-<br />
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_day_of_week: true
-}) %>
-<br />
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_icon: true
-}) %>
-<br />
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    timezone: "Asia/Tokyo"
-}) %>

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx

@@ -1,38 +0,0 @@
-import React from 'react'
-import DateTime from '../_date_time.jsx'
-
-const DateTimeDefault = (props) => (
-  <div>
-    <DateTime
-        datetime={new Date()}
-        showDayOfWeek
-        showIcon
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showDayOfWeek
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showIcon
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        {...props}
-    />
-  </div>
-)
-
-export default DateTimeDefault

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb

@@ -1,26 +0,0 @@
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true,
-    size: "sm"
-}) %>
-<br>
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    timezone: "Asia/Tokyo",
-    size: "sm"
-}) %>
-
-<br>
-<br>
-
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true
-}) %>
-<br >
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    timezone: "Asia/Tokyo"
-}) %>

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx

@@ -1,75 +0,0 @@
-import React from 'react'
-import DateTime from '../_date_time.jsx'
-
-const DateTimeDefault = (props) => (
-  <div>
-    <DateTime
-        datetime={new Date()}
-        showDayOfWeek
-        showIcon
-        size="sm"
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showDayOfWeek
-        size="sm"
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showIcon
-        size="sm"
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        size="sm"
-        {...props}
-    />
-
-    <br />
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showDayOfWeek
-        showIcon
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showDayOfWeek
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        showIcon
-        {...props}
-    />
-
-    <br />
-
-    <DateTime
-        datetime={new Date()}
-        {...props}
-    />
-  </div>
-)
-
-export default DateTimeDefault

data/app/pb_kits/playbook/pb_date_time/docs/_description.md

@@ -1 +0,0 @@
-Date Time is a composite kit that leverages the [Date](/kits/date) and [Time](/kits/time) kits. The Date Time kit is affected by time zones and defaults to "America/New_York".

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

@@ -1,11 +0,0 @@
-examples:
-  
-  rails:
-  - date_time_default: Default
-  - date_time_align: Alignment
-  - date_time_size: Size
-
-  react:
-  - date_time_default: Default
-  - date_time_align: Alignment
-  - date_time_size: Size

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

@@ -1,3 +0,0 @@
-export { default as DateTimeDefault } from './_date_time_default.jsx'
-export { default as DateTimeAlign } from './_date_time_align.jsx'
-export { default as DateTimeSize } from './_date_time_size.jsx'

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb

@@ -1,12 +0,0 @@
-<br><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active", icon: "exclamation-triangle"}) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx

@@ -1,48 +0,0 @@
-import React, { useState } from 'react'
-import ProgressStep from '../_progress_step.jsx'
-import ProgressStepItem from '../_progress_step_item.jsx'
-import { Button, Caption } from '../../'
-const ProgressStepTrackerClickEvents = (props) => {
-  const [warning, setWarning] = useState(false)
-  const showWarning = warning == true
-  const WarningIcon = (
-    <ProgressStepItem
-        icon="exclamation-triangle"
-        key={Math.random()}
-        status="active"
-    >
-      <Caption>{'Shipped'}</Caption>
-    </ProgressStepItem>
-  )
-  const CheckedIcon = (
-    <ProgressStepItem
-        key={Math.random()}
-        status="active"
-    >
-      <Caption>{'Shipped'}</Caption>
-    </ProgressStepItem>
-  )
-  return (
-    <div>
-      <Button onClick={() => setWarning(!warning)}>{'Toggle State'}</Button>
-      <br />
-      <br />
-      <br />
-      <ProgressStep
-          icon
-          variant="tracker"
-          {...props}
-      >
-        <ProgressStepItem status="complete">
-          <Caption>{'Ordered'}</Caption>
-        </ProgressStepItem>
-        {showWarning ? WarningIcon : CheckedIcon}
-        <ProgressStepItem status="inactive">
-          <Caption>{'Delivered'}</Caption>
-        </ProgressStepItem>
-      </ProgressStep>
-    </div>
-  )
-}
-
-export default ProgressStepTrackerClickEvents

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

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

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

@@ -1,91 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp.jsx'
-
-const TimestampAlign = (props) => {
-  return (
-    <div>
-      <Timestamp
-          align="left"
-          showDate="false"
-          timestamp={new Date().getTime()}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate="true"
-          timestamp={new Date().getTime()}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="left"
-          showDate="true"
-          timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate="false"
-          timestamp={new Date().getTime()}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate="true"
-          timestamp={new Date().getTime()}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="center"
-          showDate="true"
-          timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate="false"
-          timestamp={new Date().getTime()}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate="true"
-          timestamp={new Date().getTime()}
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          align="right"
-          showDate="true"
-          timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TimestampAlign

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

@@ -1,14 +0,0 @@
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "elapsed",
-  show_user: true,
-  text: "Maricris Nonato"
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  variant: "elapsed",
-  show_user: false
-}) %>

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

@@ -1,27 +0,0 @@
-import React from 'react'
-import Timestamp from '../_timestamp.jsx'
-
-const TimestampElapsed = (props) => {
-  return (
-    <div>
-      <Timestamp
-          showUser="true"
-          text="Maricris Nonato"
-          timestamp={new Date().getTime()}
-          variant="elapsed"
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          showUser="false"
-          timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
-          variant="elapsed"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TimestampElapsed