playbook_ui 12.25.0.pre.alpha.play822bolddefaultfortitle3764 → 12.25.0.pre.alpha.railsmultilevelimprovements776

data/lib/playbook/forms/builder/multi_level_select_field.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      def multi_level_select(name, props: {})
+        props[:name] = name
+        @template.pb_rails("multi_level_select", props: props)
+      end
+    end
+  end
+end

data/lib/playbook/forms/builder.rb

@@ -10,6 +10,7 @@ module Playbook
       require_relative "builder/form_field_builder"
       require_relative "builder/select_field"
       require_relative "builder/typeahead_field"
+      require_relative "builder/multi_level_select_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "12.25.0"
-  VERSION = "12.25.0.pre.alpha.play822bolddefaultfortitle3764"
+  VERSION = "12.25.0.pre.alpha.railsmultilevelimprovements776"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.25.0.pre.alpha.play822bolddefaultfortitle3764
+  version: 12.25.0.pre.alpha.railsmultilevelimprovements776
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-06-13 00:00:00.000000000 Z
+date: 2023-06-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1407,18 +1407,18 @@ files:
 - app/pb_kits/playbook/pb_message/message.html.erb
 - app/pb_kits/playbook/pb_message/message.rb
 - app/pb_kits/playbook/pb_message/message.test.js
+- app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx
 - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
 - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
-- app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
 - 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_return_all_selected.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
 - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
-- app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
@@ -2431,6 +2431,7 @@ files:
 - lib/playbook/forms/builder/collection_select_field.rb
 - lib/playbook/forms/builder/date_picker_field.rb
 - lib/playbook/forms/builder/form_field_builder.rb
+- lib/playbook/forms/builder/multi_level_select_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/justify_content.rb

data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx

@@ -1,31 +0,0 @@
-import React from "react"
-import DropdownTreeSelect from "react-dropdown-tree-select"
-import "react-dropdown-tree-select/dist/styles.css"
-
-type HelperProps = {
-  id?: string
-  treeData?: { [key: string]: string }[]
-  treeMode?: boolean
-  onChange?:  any
-
-}
-
-const MultiSelectHelper = (props: HelperProps) => {
-  const { id, treeData, onChange, treeMode } = props
-
-
-  return (
-      <DropdownTreeSelect
-        data={treeData}
-        id={id}
-        keepOpenOnSelect
-        keepTreeOnSearch
-        keepChildrenOnSearch
-        onChange={onChange}
-        texts={{ placeholder: "Select..." }}
-        mode={treeMode ? 'hierarchical' : 'multiSelect'}
-      />
-  )
-}
-
-export default MultiSelectHelper

data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts

@@ -1,87 +0,0 @@
-export const findItemById = (
-  items: { [key: string]: any }[],
-  id: string
-): any => {
-  for (const item of items) {
-    if (item.id === id) {
-      return item;
-    }
-    if (item.children) {
-      const found = findItemById(item.children, id);
-      if (found) {
-        return found;
-      }
-    }
-  }
-  return null;
-};
-
-export const checkIt = (
-  foundItem: { [key: string]: any },
-  selectedItems: any[],
-  setSelectedItems: Function,
-  expand: boolean
-) => {
-  if (!foundItem) {
-    return;
-  }
-
-  foundItem.checked = true;
-  foundItem.expanded = expand;
-  selectedItems.push(foundItem);
-
-  if (foundItem.children) {
-    foundItem.children.map((x: any) => {
-      checkIt(x, selectedItems, setSelectedItems, expand);
-    });
-  }
-
-  setSelectedItems([...selectedItems]);
-};
-
-export const unCheckIt = (
-  foundItem: { [key: string]: any },
-  selectedItems: any,
-  setSelectedItems: any,
-  expand: boolean
-) => {
-  if (!foundItem) {
-    return;
-  }
-
-  foundItem.checked = false;
-  foundItem.expanded = false;
-  const newSelectedItems = selectedItems.filter(
-    (item: any) => item.id !== foundItem.id
-  );
-  if (foundItem.children) {
-    foundItem.children.map((x: any) => {
-      unCheckIt(x, selectedItems, setSelectedItems, expand);
-    });
-  }
-  setSelectedItems([...newSelectedItems]);
-};
-
-
-export const getParentAndAncestorsIds = (itemId:string, items:{ [key: string]: string; }[], ancestors:string[] = []):any => {
-  for (let i = 0; i < items.length; i++) {
-    const item:any = items[i];
-    if (item.id === itemId) {
-      // item found in current level of items array
-      return [...ancestors, item.id];
-    }
-    if (item.children && item.children.length > 0) {
-      // recursively search through children
-      const foundAncestors = getParentAndAncestorsIds(
-        itemId,
-        item.children,
-        [...ancestors, item.id]
-      );
-      if (foundAncestors) {
-        return foundAncestors;
-      }
-    }
-  }
-  // item not found in this level of items array or its children
-  return null;
-}