playbook_ui 13.30.0.pre.alpha.PBNTR353draggablev53136 → 13.30.0.pre.alpha.PLAY1328fixtimelinekitglobalpropsreact3096

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.30.0"
-  VERSION = "13.30.0.pre.alpha.PBNTR353draggablev53136"
+  VERSION = "13.30.0.pre.alpha.PLAY1328fixtimelinekitglobalpropsreact3096"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.30.0.pre.alpha.PBNTR353draggablev53136
+  version: 13.30.0.pre.alpha.PLAY1328fixtimelinekitglobalpropsreact3096
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-06-26 00:00:00.000000000 Z
+date: 2024-06-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1078,7 +1078,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/_draggable.scss
 - app/pb_kits/playbook/pb_draggable/_draggable.tsx
 - app/pb_kits/playbook/pb_draggable/context/index.tsx
-- app/pb_kits/playbook/pb_draggable/context/types.ts
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
@@ -1088,7 +1087,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_draggable/draggable.test.jsx
@@ -1884,16 +1882,12 @@ files:
 - app/pb_kits/playbook/pb_online_status/online_status.rb
 - app/pb_kits/playbook/pb_overlay/_overlay.scss
 - app/pb_kits/playbook/pb_overlay/_overlay.tsx
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
 - app/pb_kits/playbook/pb_overlay/docs/example.yml
 - app/pb_kits/playbook/pb_overlay/docs/index.js
-- app/pb_kits/playbook/pb_overlay/overlay.html.erb
-- app/pb_kits/playbook/pb_overlay/overlay.rb
 - app/pb_kits/playbook/pb_overlay/overlay.test.jsx
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx

data/app/pb_kits/playbook/pb_draggable/context/types.ts

@@ -1,26 +0,0 @@
-export interface ItemType {
-    id: string;
-    container: string;
-    [key: string]: any;
-  }
-  
-  export interface InitialStateType {
-    items: ItemType[];
-    dragData: { id: string; initialGroup: string };
-    isDragging: string;
-    activeContainer: string;
-  }
-  
-  export type ActionType =
-    | { type: 'SET_ITEMS'; payload: ItemType[] }
-    | { type: 'SET_DRAG_DATA'; payload: { id: string; initialGroup: string } }
-    | { type: 'SET_IS_DRAGGING'; payload: string }
-    | { type: 'SET_ACTIVE_CONTAINER'; payload: string }
-    | { type: 'CHANGE_CATEGORY'; payload: { itemId: string; container: string } }
-    | { type: 'REORDER_ITEMS'; payload: { dragId: string; targetId: string } };
-
-    export interface DraggableProviderType {
-      children: React.ReactNode;
-      initialItems: ItemType[];
-      onReorder: (items: ItemType[]) => void;
-    }

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md

@@ -1,7 +0,0 @@
-For a simplified version of the Draggable API for the SelectableList kit, use the DraggableProvider to wrap the SelectableList kit and use the `enableDrag` prop. 
-
-In addition to the above, `dragId` is a REQUIRED prop to be passed to the SelectableList kit when implementing dragging.
-
-The dev must manage state as shown.
-
-The dragHandle is added by default but this can be opted out of by setting `dragHandle` to false on the SelectableList kit.

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb

@@ -1,24 +0,0 @@
-<%= pb_rails("overlay") do %>
-    <%= pb_rails("table", props: { size: "sm" }) do %>
-        <thead>
-            <tr>
-                <th>Column 1</th>
-                <th>Column 2</th>
-                <th>Column 3</th>
-                <th>Column 4</th>
-                <th>Column 5</th>
-            </tr>
-        </thead>
-        <tbody>
-            <% 7.times do %>
-                <tr>
-                    <td>Value 1</td>
-                    <td>Value 2</td>
-                    <td>Value 3</td>
-                    <td>Value 4</td>
-                    <td>Value 5</td>
-                </tr>
-            <% end %>   
-        </tbody>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("overlay", props: { layout: { "x": "xl" }, color: "card_light" }) do %>
-    <%= pb_rails("flex", props: { column_gap: "lg", orientation: "row", overflow_x: "auto" }) do %>
-        <% 15.times do %>
-            <%= pb_rails("flex/flex_item") do %>
-                <%= pb_rails("card") do %>
-                    Card content
-                <% end %>
-            <% end %>
-        <% end %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_overlay/overlay.html.erb

@@ -1,27 +0,0 @@
-<%= pb_content_tag(:div,
-aria: object.aria,
-class: object.classname,
-data: object.data,
-id: object.id,
-**combined_html_options) do %>
-    <% if is_size_percentage %>
-        <div class="overlay_linear_gradient"
-        style="background: <%= previous_overlay %>"></div>
-
-        <%= content.presence %>
-
-        <% if has_subsequent_overlay %>
-            <div class="overlay_linear_gradient"
-            style="background: <%= subsequent_overlay %>"></div>
-        <% end %>
-
-    <% else %>
-        <div class="<%= previous_overlay_class_name %>"></div>
-
-        <%= content.presence %>
-
-        <% if has_subsequent_overlay %>
-            <div class="<%= subsequent_overlay_class_name %>"></div>
-        <% end %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_overlay/overlay.rb

@@ -1,110 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbOverlay
-    class Overlay < Playbook::KitBase
-      prop :color, type: Playbook::Props::Enum,
-                   values: %w[card_light bg_light card_dark bg_dark],
-                   default: "card_light"
-      prop :layout, type: Playbook::Props::HashProp,
-                    default: { "bottom": "full" }
-
-      def classname
-        generate_classname("pb_overlay")
-      end
-
-      def position
-        layout.keys[0]
-      end
-
-      def size
-        layout.values[0]
-      end
-
-      def is_size_percentage
-        size.include?("%")
-      end
-
-      def previous_overlay
-        "linear-gradient(#{previous_overlay_direction}, #{color_map[color.to_sym]} 0%, transparent #{size})"
-      end
-
-      def subsequent_overlay
-        "linear-gradient(#{subsequent_overlay_direction}, #{color_map[color.to_sym]} 0%, transparent #{size})"
-      end
-
-      def previous_overlay_class_name
-        "overlay_#{color}_#{previous_overlay_direction_token}_#{size}"
-      end
-
-      def subsequent_overlay_class_name
-        "overlay_#{color}_#{subsequent_overlay_direction_token}_#{size}"
-      end
-
-      def previous_overlay_direction
-        previous_overlay_direction_map[position.to_sym]
-      end
-
-      def subsequent_overlay_direction
-        subsequent_overlay_direction_map[position.to_sym]
-      end
-
-      def previous_overlay_direction_token
-        has_subsequent_overlay ? previous_overlay_direction_map_token[position.to_sym] : position
-      end
-
-      def subsequent_overlay_direction_token
-        has_subsequent_overlay ? subsequent_overlay_direction_map_token[position.to_sym] : position
-      end
-
-      def previous_overlay_direction_map
-        {
-          "bottom": "to top",
-          "top": "to bottom",
-          "left": "to right",
-          "right": "to left",
-          "x": "to right",
-          "y": "to top",
-        }
-      end
-
-      def subsequent_overlay_direction_map
-        {
-          "bottom": "to top",
-          "top": "to bottom",
-          "left": "to right",
-          "right": "to left",
-          "x": "to left",
-          "y": "to bottom",
-        }
-      end
-
-      def previous_overlay_direction_map_token
-        {
-          "x": "left",
-          "y": "top",
-        }
-      end
-
-      def subsequent_overlay_direction_map_token
-        {
-          "x": "right",
-          "y": "bottom",
-        }
-      end
-
-      def has_subsequent_overlay
-        position == "x".to_sym || position == "y".to_sym
-      end
-
-      def color_map
-        {
-          "card_light": "#fff",
-          "bg_light": "#F3F7FB",
-          "card_dark": "#231E3D",
-          "bg_dark": "#0a0527",
-        }
-      end
-    end
-  end
-end