playbook_ui 14.15.0.pre.alpha.play1949lodashremoval3of36815 → 14.15.0.pre.alpha.play1952fixhorizontalnavcursorstyle6795

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

@@ -5,8 +5,6 @@ module Playbook
     class Builder
       def multi_level_select(name, props: {})
         props[:name] = name
-        props[:data] ||= {}
-        props[:data][:multi_level_select_form] = true
         @template.pb_rails("multi_level_select", props: props)
       end
     end

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.15.0.pre.alpha.play1949lodashremoval3of36815
+  version: 14.15.0.pre.alpha.play1952fixhorizontalnavcursorstyle6795
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-21 00:00:00.000000000 Z
+date: 2025-03-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1666,7 +1666,6 @@ files:
 - app/pb_kits/playbook/pb_icon/icon.test.js
 - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
 - app/pb_kits/playbook/pb_icon_button/_icon_button.tsx
-- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_click.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
@@ -2009,10 +2008,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.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
@@ -2037,7 +2032,6 @@ files:
 - 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/index.js
 - 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
@@ -3449,11 +3443,11 @@ 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-DZNrDsCe.js
-- dist/chunks/_weekday_stacked-BwM21XCO.js
+- dist/chunks/_typeahead-CVryXNui.js
+- dist/chunks/_weekday_stacked-BGcc0MlV.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-DpO_YjaF.js
-- dist/chunks/pb_form_validation-C3rQtNR-.js
+- dist/chunks/lib-Co5y3V4K.js
+- dist/chunks/pb_form_validation-DMajaRt3.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_click.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import IconButton from '../../pb_icon_button/_icon_button'
-
-const IconButtonClick = (props) => (
-  <div>
-    <IconButton
-        {...props}
-        onClick={() => alert('Click!')}
-    />
-  </div>
-)
-
-export default IconButtonClick

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb

@@ -1,72 +0,0 @@
-<% treeData = [{
-    label: "Power Home Remodeling",
-    value: "Power Home Remodeling",
-    id: "100",
-    expanded: true,
-    children: [
-      {
-        label: "People",
-        value: "People",
-        id: "101",
-        expanded: true,
-        children: [
-          {
-            label: "Talent Acquisition",
-            value: "Talent Acquisition",
-            id: "102",
-          },
-          {
-            label: "Business Affairs",
-            value: "Business Affairs",
-            id: "103",
-            children: [
-              {
-                label: "Initiatives",
-                value: "Initiatives",
-                id: "104",
-              },
-              {
-                label: "Learning & Development",
-                value: "Learning & Development",
-                id: "105",
-              },
-            ],
-          },
-          {
-            label: "People Experience",
-            value: "People Experience",
-            id: "106",
-          },
-        ],
-      },
-      {
-        label: "Contact Center",
-        value: "Contact Center",
-        id: "107",
-        children: [
-          {
-            label: "Appointment Management",
-            value: "Appointment Management",
-            id: "108",
-          },
-          {
-            label: "Customer Service",
-            value: "Customer Service",
-            id: "109",
-          },
-          {
-            label: "Energy",
-            value: "Energy",
-            id: "110",
-          },
-        ],
-      },
-    ],
-}] %>
-
-<%= pb_rails("multi_level_select", props: {
-    error: "Please make a valid selection",
-    id: "multi-level-select-error-rails",
-    name: "my_array",
-    tree_data: treeData
-}) %>

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

@@ -1,97 +0,0 @@
-import React, { useState, useEffect } from "react";
-import MultiLevelSelect from "../_multi_level_select";
-
-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 MultiLevelSelectError = (props) => {
-  const [selectedItems, setSelectedItems] = useState([]);
-  const [errorState, setErrorState] = useState("Please make a valid selection");
-
-  useEffect(() => {
-    if (selectedItems.length === 0) {
-      setErrorState("Please make a valid selection");
-    } else {
-      setErrorState(null);
-    }
-  }, [selectedItems]);
-
-  return (
-    <div>
-      <MultiLevelSelect
-          error={errorState}
-          id="multiselect-error"
-          onSelect={(selectedNodes) => setSelectedItems(selectedNodes)}
-          treeData={treeData}
-          {...props}
-      />
-    </div>
-  );
-};
-
-export default MultiLevelSelectError;

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb

@@ -1,71 +0,0 @@
-<% treeData = [{
-    label: "Power Home Remodeling",
-    value: "Power Home Remodeling",
-    id: "100",
-    expanded: true,
-    children: [
-      {
-        label: "People",
-        value: "People",
-        id: "101",
-        expanded: true,
-        children: [
-          {
-            label: "Talent Acquisition",
-            value: "Talent Acquisition",
-            id: "102",
-          },
-          {
-            label: "Business Affairs",
-            value: "Business Affairs",
-            id: "103",
-            children: [
-              {
-                label: "Initiatives",
-                value: "Initiatives",
-                id: "104",
-              },
-              {
-                label: "Learning & Development",
-                value: "Learning & Development",
-                id: "105",
-              },
-            ],
-          },
-          {
-            label: "People Experience",
-            value: "People Experience",
-            id: "106",
-          },
-        ],
-      },
-      {
-        label: "Contact Center",
-        value: "Contact Center",
-        id: "107",
-        children: [
-          {
-            label: "Appointment Management",
-            value: "Appointment Management",
-            id: "108",
-          },
-          {
-            label: "Customer Service",
-            value: "Customer Service",
-            id: "109",
-          },
-          {
-            label: "Energy",
-            value: "Energy",
-            id: "110",
-          },
-        ],
-      },
-    ],
-}] %>
-
-<%= pb_rails("multi_level_select", props: {
-    id: "multi-level-select-label-rails",
-    label: "Select a department",
-    tree_data: treeData
-}) %>

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

@@ -1,91 +0,0 @@
-import React from "react";
-import MultiLevelSelect from "../_multi_level_select";
-
-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 MultiLevelSelectDefault = (props) => {
-  return (
-    <div>
-      <MultiLevelSelect
-          id='multiselect-label'
-          label="Select a Department"
-          onSelect={(selectedNodes) =>
-          console.log(
-            "Selected Items",
-            selectedNodes
-          )
-        }
-          treeData={treeData}
-          {...props}
-      />
-    </div>
-  )
-};
-
-export default MultiLevelSelectDefault;

data/app/pb_kits/playbook/pb_multi_level_select/index.js

@@ -1,105 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element";
-
-const MULTI_LEVEL_SELECT_SELECTOR = "[data-multi_level_select_form]";
-
-export default class PbMultiLevelSelect extends PbEnhancedElement {
-  static get selector() {
-    return MULTI_LEVEL_SELECT_SELECTOR;
-  }
-
-  get target() {
-    return this.element.querySelector(".pb_body_kit_negative");
-  }
-
-  connect() {
-    this.addEventListeners();
-    this.observeHiddenInputs();
-    this.observeRogueErrorInsideInnerContainer();
-  }
-
-  addEventListeners() {
-    const inputElement = this.element.querySelector("input");
-
-    inputElement.addEventListener("invalid", () => {
-      this.handleErrorLabel(300);
-    });
-    inputElement.addEventListener("blur", () => {
-      this.justBlurred = true;
-
-      setTimeout(() => {
-        this.justBlurred = false;
-      }, 300);
-    });
-  }
-
-  handleErrorLabel(delay) {
-    setTimeout(() => {
-      const errorLabelElement = this.target;
-      const wrapper = this.element.querySelector(".wrapper");
-
-      if (errorLabelElement) {
-        errorLabelElement.remove();
-        if (wrapper) {
-          if (wrapper.querySelector(".pb_body_kit_negative")) {
-            wrapper.querySelector(".pb_body_kit_negative").remove();
-          }
-          wrapper.appendChild(errorLabelElement);
-        }
-        this.element.classList.add("error");
-      } else {
-        this.handleErrorLabel(100);
-      }
-    }, delay);
-  }
-
-  observeHiddenInputs() {
-    const container = this.element.querySelector(".input_inner_container");
-    if (!container) return;
-
-    this.mutationObserver = new MutationObserver(() => {
-      const hiddenInputs = container.querySelectorAll('input[type="hidden"]');
-      if (hiddenInputs.length > 0) {
-        // At least one hidden input exists, so clear the error
-        this.clearError();
-      }
-    });
-
-    this.mutationObserver.observe(container, {
-      childList: true,
-    });
-  }
-
-  observeRogueErrorInsideInnerContainer() {
-    const container = this.element.querySelector(".input_inner_container");
-
-    this.rogueErrorObserver = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        for (const node of mutation.addedNodes) {
-          if (
-            node.nodeType === Node.ELEMENT_NODE &&
-            node.classList.contains("pb_body_kit_negative")
-          ) {
-            if (this.justBlurred) {
-              node.remove();
-            }
-          }
-        }
-      }
-    });
-
-    this.rogueErrorObserver.observe(container, {
-      childList: true,
-      subtree: true,
-    });
-  }
-
-  clearError(e) {
-    const errorLabelElement = this.target;
-
-    if (errorLabelElement) {
-      errorLabelElement.remove();
-      this.element.classList.remove("error");
-      this.element.querySelector("input").value = e.detail.value;
-    }
-  }
-}