playbook_ui_docs 12.37.0.pre.alpha.PLAYaddingdatapropselectkit1071 → 12.38.0.pre.alpha.PBNTR78selectkitmultipleprop1094

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 07d96e66096935be57e79f420aaf89d1cc9c21950f6d37a8318efb9954f90d4b
-  data.tar.gz: d10d6102fd9f8fd01a3ace6fc774fe107d20527093ba44e96a59d584353d7f90
+  metadata.gz: f12c91c026a23ed3fa8df39512011d79eb4807bfb313e0e1db224123042589ea
+  data.tar.gz: 8ba1588e199adbb9de6e86683473fded972a444d66096caa43c4585bb30004a4
 SHA512:
-  metadata.gz: d00b5600928314488dfd4c22cf67ada2264e70a3c5b93c6c484b6037310d6ca4d5e2a859a487fa4a7d41183937c4ff47dec826fb51f6b3dcabf24d827feb669a
-  data.tar.gz: a24856ae2b17528c04b506e7f6a18739d8702f6dda09eb54772154d326e4bcc1ecf567ffc96f3544187676c0a71c6f0cfd8eeff876762b0d66b48d4c3e5850aa
+  metadata.gz: 773c2337e6335e5c4798b1e01e40539e055acba614f074d9105c5a298f0a5c50e2e83aa3f20a2787d616c547cc85013409608d854e2ffeca51910d6cf6e29a49
+  data.tar.gz: 864e07f65b4ea5faa0ab48362381d1a14e1417c377c0b1b182c90056d300c54f30e49acae16a9f29413a294342cd47939ec6caac5b3df3c6f52b457a56c498c7

data/app/pb_kits/playbook/pb_select/docs/{_select_data_attributes.html.erb → _select_attributes.html.erb}

@@ -1,5 +1,7 @@
 <%= pb_rails("select", props: {
-  data: { options: "data_attribute" },
+  attributes: {
+    data: { options: "data_attribute" },
+  },
   label: "Favorite Food",
   name: "food",
   options: [

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb

@@ -0,0 +1,36 @@
+<%= pb_rails("select", props: {
+  label: "Favorite Food",
+  name: "food",
+  multiple: true,
+  options: [
+    {
+      value: "1",
+      value_text: "Burgers",
+    },
+    {
+      value: "2",
+      selected: true,
+      value_text: "Pizza",
+    },
+    {
+      value: "3",
+      value_text: "Tacos",
+    },
+    {
+      value: "4",
+      value_text: "BBQ",
+    },
+    {
+      value: "4",
+      value_text: "Sushi",
+    },
+    {
+      value: "4",
+      value_text: "Chinese",
+    },
+    {
+      value: "4",
+      value_text: "Hot Dogs",
+    },
+  ]
+}) %>

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx

@@ -0,0 +1,50 @@
+import React from 'react'
+
+import Select from '../_select'
+
+const SelectMultiple = (props) => {
+  const options = [
+    {
+      value: '1',
+      text: 'Burgers',
+    },
+    {
+      value: '2',
+      text: 'Pizza',
+    },
+    {
+      value: '3',
+      text: 'Tacos',
+    },
+    {
+      value: '3',
+      text: 'BBQ',
+    },
+    {
+      value: '3',
+      text: 'Sushi',
+    },
+    {
+      value: '3',
+      text: 'Chinese',
+    },
+    {
+      value: '3',
+      text: 'Hot Dogs',
+    },
+  ]
+
+  return (
+    <div>
+      <Select
+          label="Favorite Food"
+          multiple
+          name="food"
+          options={options}
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default SelectMultiple

data/app/pb_kits/playbook/pb_select/docs/_select_multiple.md

@@ -0,0 +1 @@
+We recommend using a typeahead for better UX

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

@@ -11,7 +11,8 @@ examples:
   - select_error: Select w/ Error
   - select_inline: Select Inline
   - select_inline_compact: Select Inline Compact
-  - select_data_attributes: Select W/ Data Attributes
+  - select_attributes: Select W/ Attributes
+  - select_multiple: Select Multiple
 
 
 
@@ -26,3 +27,4 @@ examples:
   - select_error: Select w/ Error
   - select_inline: Select Inline
   - select_inline_compact: Select Inline Compact
+  - select_multiple: Select Multiple

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

@@ -8,3 +8,4 @@ export { default as SelectValueTextSame } from './_select_value_text_same.jsx'
 export { default as SelectError } from './_select_error.jsx'
 export { default as SelectInline } from './_select_inline.jsx'
 export { default as SelectInlineCompact } from './_select_inline_compact.jsx'
+export { default as SelectMultiple } from './_select_multiple.jsx'