playbook_ui 14.15.0.pre.alpha.play1854reacthookmultilvlselect6572 → 14.15.0.pre.alpha.play1910emptystatekitreactbeta6579

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.15.0"
-  VERSION = "14.15.0.pre.alpha.play1854reacthookmultilvlselect6572"
+  VERSION = "14.15.0.pre.alpha.play1910emptystatekitreactbeta6579"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.15.0.pre.alpha.play1854reacthookmultilvlselect6572
+  version: 14.15.0.pre.alpha.play1910emptystatekitreactbeta6579
 platform: ruby
 authors:
 - Power UX
@@ -1308,6 +1308,14 @@ files:
 - app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx
 - app/pb_kits/playbook/pb_dropdown/utilities/index.ts
 - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
+- app/pb_kits/playbook/pb_empty_state/_empty_state.scss
+- app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/example.yml
+- app/pb_kits/playbook/pb_empty_state/docs/index.js
+- app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
 - app/pb_kits/playbook/pb_enhanced_element/index.ts
 - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
@@ -1981,8 +1989,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
@@ -3405,8 +3411,8 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-DKSD8vAY.js
-- dist/chunks/_weekday_stacked-C-GXG8yh.js
+- dist/chunks/_typeahead-D2Wtk1Vx.js
+- dist/chunks/_weekday_stacked-toeDpRDd.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-5OzNgeeu.js
 - dist/chunks/pb_form_validation-DGhKbZtO.js

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx

@@ -1,91 +0,0 @@
-import React from "react"
-import MultiLevelSelect from "../_multi_level_select"
-import { useForm } from "react-hook-form"
-
-const treeData = [
-  {
-    label: "Power Home Remodeling",
-    value: "Power Home Remodeling",
-    id: "powerhome1",
-    expanded: true,
-    children: [
-      {
-        label: "People",
-        value: "People",
-        id: "people1",
-        expanded: true,
-        children: [
-          {
-            label: "Talent Acquisition",
-            value: "Talent Acquisition",
-            id: "talent1",
-          },
-          {
-            label: "Business Affairs",
-            value: "Business Affairs",
-            id: "business1",
-            children: [
-              {
-                label: "Initiatives",
-                value: "Initiatives",
-                id: "initiative1",
-              },
-              {
-                label: "Learning & Development",
-                value: "Learning & Development",
-                id: "development1",
-              },
-            ],
-          },
-          {
-            label: "People Experience",
-            value: "People Experience",
-            id: "experience1",
-          },
-        ],
-      },
-      {
-        label: "Contact Center",
-        value: "Contact Center",
-        id: "contact1",
-        children: [
-          {
-            label: "Appointment Management",
-            value: "Appointment Management",
-            id: "appointment1",
-          },
-          {
-            label: "Customer Service",
-            value: "Customer Service",
-            id: "customer1",
-          },
-          {
-            label: "Energy",
-            value: "Energy",
-            id: "energy1",
-          },
-        ],
-      },
-    ],
-  },
-]
-
-const MultiLevelSelectReactHook = (props) => {
-  const { register, watch } = useForm()
-  const selectedItems = watch("departments")
-  selectedItems && console.log("Selected Items", selectedItems)
-
-  return (
-    <div>
-      <MultiLevelSelect
-          id="multiselect-default"
-          marginBottom="md"
-          treeData={treeData}
-          {...register("departments")}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default MultiLevelSelectReactHook

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md

@@ -1 +0,0 @@
-You can pass `react-hook-form` props to the Typeahead kit. Check your console to see the full data selected from this example.