RubyGems - playbook_ui_docs - Versions diffs - 14.15.0.pre.alpha.play1952fixhorizontalnavcursorstyle6795 → 14.15.0.pre.rc.0 - Mend

playbook_ui_docs 14.15.0.pre.alpha.play1952fixhorizontalnavcursorstyle6795 → 14.15.0.pre.rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (437) hide show

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.15.0.pre.alpha.play1952fixhorizontalnavcursorstyle6795
+  version: 14.15.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-20 00:00:00.000000000 Z
+date: 2025-02-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -58,9 +58,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
@@ -101,7 +98,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
-- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
@@ -539,10 +535,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
@@ -726,21 +720,14 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
 - app/pb_kits/playbook/pb_drawer/docs/example.yml
 - app/pb_kits/playbook/pb_drawer/docs/index.js
@@ -790,14 +777,6 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
 - app/pb_kits/playbook/pb_dropdown/docs/example.yml
 - app/pb_kits/playbook/pb_dropdown/docs/index.js
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.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/default_image/computer_fly_no_branding.svg
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
-- 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_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
@@ -948,9 +927,6 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
-- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb
-- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx
-- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
 - app/pb_kits/playbook/pb_form_pill/docs/example.yml
 - app/pb_kits/playbook/pb_form_pill/docs/index.js
 - app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
@@ -1273,22 +1249,6 @@ files:
 - 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_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_disabled_options.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md
-- 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_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
@@ -1415,19 +1375,13 @@ files:
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
 - app/pb_kits/playbook/pb_overlay/docs/example.yml
 - app/pb_kits/playbook/pb_overlay/docs/index.js
@@ -1495,8 +1449,6 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -1607,8 +1559,6 @@ files:
 - app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
-- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx
-- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
 - app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
 - app/pb_kits/playbook/pb_radio/docs/example.yml
@@ -1695,8 +1645,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.md
 - app/pb_kits/playbook/pb_select/docs/_select_props_table.md
-- app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx
-- app/pb_kits/playbook/pb_select/docs/_select_react_hook.md
 - app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_required.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
@@ -2064,9 +2012,6 @@ files:
 - app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_default.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_default.md
-- app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb
-- app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx
-- app/pb_kits/playbook/pb_title/docs/_title_display_size.md
 - app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
@@ -2117,12 +2062,9 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
@@ -2133,9 +2075,6 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/docs/index.js
@@ -2164,12 +2103,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
@@ -2179,8 +2112,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -2213,10 +2144,6 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_font_options.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
-- app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx DELETED Viewed

@@ -1,50 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
-const AdvancedTableInfiniteScroll = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          virtualizedRows
-          {...props}
-      />
-    </div>
-  )
-}
-export default AdvancedTableInfiniteScroll

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx DELETED Viewed

@@ -1,102 +0,0 @@
-import React, { useState } from "react";
-import { AdvancedTable, TextInput, Body } from "playbook-ui";
-import MOCK_DATA from "./advanced_table_mock_data.json";
-const AdvancedTableInlineEditing = (props) => {
-  const [editedValues, setEditedValues] = useState({});
-  const EditableCell = ({ rowId, originalValue, onSave }) => {
-    const [localValue, setLocalValue] = useState(originalValue);
-    const handleChange = (e) => setLocalValue(e.target.value);
-    const handleBlur = () => {
-      originalValue !== localValue && onSave(rowId, localValue);
-    };
-    return (
-      <TextInput inline
-          marginBottom="none"
-          {...props}
-      >
-        <input
-            onBlur={handleBlur}
-            onChange={handleChange}
-            onKeyDown={(e) => e.key === 'Enter' && handleBlur()}
-            value={localValue}
-        />
-      </TextInput>
-    );
-  };
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-      editable: true,
-      customRenderer: (row) => {
-        return (
-          <EditableCell
-              onSave={(id, val) => {
-                setEditedValues((prev) => ({ ...prev, [id]: val }));
-              }}
-              originalValue={
-                editedValues[row.id] ?? row.original.scheduledMeetings
-              }
-              rowId={row.id}
-          />
-        );
-      },
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ];
-  return (
-    <div className="App">
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-      {
-        editedValues && Object.keys(editedValues).length > 0 && (
-          <>
-            <Body
-                marginTop="md"
-                {...props}
-            >
-              Edited Values by Row Id:
-            </Body>
-            <pre style={{color: 'white'}}>{JSON.stringify(editedValues, null, 2)}</pre>
-          </>
-        )
-      }
-    </div>
-  );
-};
-export default AdvancedTableInlineEditing;

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md DELETED Viewed

@@ -1,4 +0,0 @@
-Inline Cell Editing can be achieved with a combination of our `TextInput` kit and the `customRenderer` method available through columnDefinitions.
-Hover over any cell within the 'Scheduled Meetings' column to see the TextInput and type in to change values. Values can be saved by clicking away from the TextInput or by hitting 'Enter'.
-See the code snippet below to see how this was achieved. Devs must manage state themselves as shown.