playbook_ui 13.0.0.pre.alpha.salesbookmismatchingdate1120 → 13.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5e814815e52260f723ffe7d60a15296ebe7c522dbaf99e1635aa32d72c30264
-  data.tar.gz: 91ddc7e14810c34ecb755a4036e059d771ac84532b73d050a5ddb8fb9b02d659
+  metadata.gz: ebfbb350f5457ca825d0c7991f1e2fff2dd63e1a925523715b154af8f9b3b233
+  data.tar.gz: 96c352b2239aa01b2b30446b23520322494ca2d72cd62c456b6835f9f1a6656e
 SHA512:
-  metadata.gz: 40f47045dd3d5db61e4b75d1015cbb10229bf6a22a44af748a77db1084ae9f610699b882cd15d32cc969eb401ea6f89f83803cbc6a449cb4a46a2bda8d44d3e1
-  data.tar.gz: 79237b4941b973520b016f302f8170f91893855a748da55c9b3c5e21ce42eea6331b41201ae31cb196de215dbffc51c35231d086afe3c2c879ec4fbb541e9899
+  metadata.gz: 681a3e6dc4fd90450765d3fd35d34b7dd08b67c67ae79f529b6f18498a8fe986b73360cb06c310eac254307139a2405b51b67d7488ed5983a8cc3daf0130c26f
+  data.tar.gz: af4a5c732a179ca234c04c2dad6835fb3201687233cc49353f0e73f1cf49ddc408b5570b9846d297d109c2a012b62534ba8f669dba5c6a5f006aeaa5f80a7c44

data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss

@@ -3,4 +3,11 @@
     border: 1px #ccc dashed;
     text-align: center;
   }
+  ::file-selector-button {
+    visibility: hidden;
+    padding: 0;
+    border: none;
+    width: 0;
+  }
 }
+

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

@@ -1,7 +0,0 @@
-This kit provides a drag and drop interface for file uploads. Currently, the kit leverages [react-dropzone](https://github.com/react-dropzone/react-dropzone).
-
-### Props
-
-`accept: [String]` Use this prop to set the list of valid file types
-`customMessage: [String]` Use this prop to set a custom message, replacing the default text
-`onFilesAccepted: Function` The callback function, providing the list of dropped files

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.html.erb

@@ -0,0 +1,7 @@
+<%= pb_rails("file_upload", props: {id: "import_file"}) do %>
+  <input
+    id="import_file"
+    type="file"
+    name="import_file"
+  />
+<% end %>

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.md

@@ -0,0 +1 @@
+The `id` for the File Upload and the existing input you are choosing to wrap with our Kit with must match each other. This will ensure that the click on the button a.k.a, the underlying label's `for`, triggers the File Upload.

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.html.erb

@@ -0,0 +1,3 @@
+<%= pb_rails("file_upload") %>
+
+ 

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

@@ -1,6 +1,8 @@
 examples:
 
   rails:
+  - file_upload_default: File Upload
+  - file_upload_custom: Custom
 
   react:
   - file_upload_default: Default List of files to upload

data/app/pb_kits/playbook/pb_file_upload/docs/test.html

@@ -0,0 +1,25 @@
+
+  <div class="pb_file_upload_kit" id="import_file">
+    <div class="pb_form_group_kit cursor_pointer">
+      <label for="import_file" class="pb_button_kit_secondary_inline_enabled">Upload File</label>
+      <div class="pb_text_input_kit">
+        <div class=" text_input_wrapper">
+          <input placeholder="custom-placeholder" id="import_file" type="file">
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <h1>not custom</h1>
+
+  <div class="pb_file_upload_kit" id="test">
+    <div class="pb_form_group_kit cursor_pointer">
+      <label for="upload-test" class="pb_button_kit_secondary_inline_enabled">Upload File</label>
+      <div class="pb_text_input_kit">
+        <div class=" text_input_wrapper">
+          <input class="text_input cursor_pointer" id="upload-test" type="file" classname="cursor_pointer">
+        </div>
+      </div>
+    </div>
+  </div>
+ 

data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb

@@ -0,0 +1,17 @@
+<%= content_tag("div",
+    aria: object.aria,
+    class: object.classname,
+    data: object.data,
+    id: object.id) do %>
+      <%= pb_rails("form_group", props: {cursor: "pointer", full_width: object.full_width}) do %>
+        <label for="upload-<%= object.id %>" class="pb_button_kit_secondary_inline_enabled"><%= "#{object.label}" %></label>
+        <%= pb_rails("text_input", props: {
+          type: "file",
+          input_options: {
+            id: "upload-#{object.id}", 
+            classname: "cursor_pointer",
+          }.merge(object.input_options)
+        }) %>
+      <% end %>
+    </label>
+<% end %>

data/app/pb_kits/playbook/pb_file_upload/file_upload.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFileUpload
+    class FileUpload < Playbook::KitBase
+      prop :accept, type: Playbook::Props::String,
+                    default: ""
+
+      prop :files, type: Playbook::Props::Array,
+                   default: []
+
+      prop :label, type: Playbook::Props::String,
+                   default: "Upload File"
+
+      prop :placeholder, type: Playbook::Props::String,
+                         default: "No file"
+
+      prop :full_width, type: Playbook::Props::Boolean,
+                        default: false
+
+      prop :input_options, type: Playbook::Props::Hash,
+                           default: {}
+
+      def classname
+        file_upload_class = generate_classname("pb_file_upload_kit")
+        file_upload_class + full_width_class
+      end
+
+      def full_width_class
+        full_width ? " full_width" : ""
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss

@@ -70,7 +70,6 @@
   @-moz-document url-prefix() {
     .passphrase-popover {
       position: relative;
-      top: $space_sm;
       left: -($space_xs * 1.5);
     }
   }

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.0.0"
-  VERSION = "13.0.0.pre.alpha.salesbookmismatchingdate1120"
+  VERSION = "13.1.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.0.0.pre.alpha.salesbookmismatchingdate1120
+  version: 13.1.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-08-23 00:00:00.000000000 Z
+date: 2023-08-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -936,13 +936,19 @@ files:
 - app/pb_kits/playbook/pb_file_upload/_file_upload.tsx
 - app/pb_kits/playbook/pb_file_upload/docs/_description.md
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.html.erb
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.md
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.md
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.html.erb
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
+- app/pb_kits/playbook/pb_file_upload/docs/test.html
+- app/pb_kits/playbook/pb_file_upload/file_upload.html.erb
+- app/pb_kits/playbook/pb_file_upload/file_upload.rb
 - app/pb_kits/playbook/pb_file_upload/fileupload.test.js
 - app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
 - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
@@ -2600,7 +2606,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2611,12 +2617,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []