playbook_ui_docs 14.16.0.pre.alpha.PBNTR881advancedtablefullscreen6934 → 14.16.0.pre.alpha.PBNTR924reacttablecustomheaders6846

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6e55e657bcb4c361e7264222756c44d31dd7bfb1f87bf5d1e01fda483fc02f06
4
- data.tar.gz: c826cfbbe74087b49a799226bef21cf656f4f2468f2a70881ac459bc69f3994d
3
+ metadata.gz: 176d4c5b510a7e6d9285f8000023eb05bb174f8787091947f6c277c1ceef6b9e
4
+ data.tar.gz: 279e5ad114536cde5f14646a7883c396e543a08f631a9648542ec1c317699040
5
5
  SHA512:
6
- metadata.gz: 7a9aa8628b4d9c3802c37ed188526d0ccac27a5b0d993849a984fd8dd80da7d83eea92fdeed1725040fc9cccac4a9d4b7829a53e7e431f24d9b2908aaf50cf43
7
- data.tar.gz: 485cad8cd4ceeae5e53977e1dbe34049d94fd05151d29cab5f79db7ea25dccd950f44323c921f031db6716c3156ea036466ca86173c3243048f1cd7457309336
6
+ metadata.gz: 57f5a1f2f5d46c7b5d643834e6dc57b0c010882a3f6e2d13b8effb493d51b78e37f70e25c678a83b8ca2ee29e1e2dd1e3f0231b63286694e8f73e7c663341c83
7
+ data.tar.gz: 7a510538d2b98e18c9ff4103190eb602da6b53c46e42545f1063448fce04c956b455fda5cf6847fe8137367f0e1d520dacdae107fa1d747274b0c1fadbdee6f0
@@ -40,6 +40,7 @@ const AdvancedTablePagination = (props) => {
40
40
  <AdvancedTable
41
41
  columnDefinitions={columnDefinitions}
42
42
  pagination
43
+ responsive="none"
43
44
  tableData={PAGINATION_MOCK_DATA}
44
45
  {...props}
45
46
  />
@@ -39,5 +39,4 @@ examples:
39
39
  - advanced_table_selectable_rows_no_subrows: Selectable Rows (No Subrows)
40
40
  - advanced_table_selectable_rows_actions: Selectable Rows (With Actions)
41
41
  - advanced_table_selectable_rows_header: Selectable Rows (No Actions Bar)
42
- - advanced_table_inline_editing: Inline Cell Editing
43
- - advanced_table_fullscreen: Fullscreen
42
+ - advanced_table_inline_editing: Inline Cell Editing
@@ -21,5 +21,4 @@ export { default as AdvancedTableSelectableRowsHeader } from './_advanced_table_
21
21
  export { default as AdvancedTableSelectableRowsActions } from './_advanced_table_selectable_rows_actions.jsx'
22
22
  export { default as AdvancedTableTablePropsStickyHeader } from './_advanced_table_table_props_sticky_header.jsx'
23
23
  export { default as AdvancedTableColumnHeadersCustomCell } from './_advanced_table_column_headers_custom_cell.jsx'
24
- export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_editing.jsx'
25
- export { default as AdvancedTableFullscreen } from './_advanced_table_fullscreen.jsx'
24
+ export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_editing.jsx'
@@ -4,3 +4,14 @@
4
4
  inline: true,
5
5
  picker_id: "date-picker-inline"
6
6
  }) %>
7
+
8
+ <%= javascript_tag do %>
9
+ window.addEventListener("DOMContentLoaded", (event) => {
10
+ const fpInline = document.querySelector("#date-picker-inline")._flatpickr
11
+ <!-- Display the angle-down icon when a date has been selected -->
12
+ const showAngleDownHandler = () => {
13
+ document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
14
+ }
15
+ fpInline.config.onChange.push(showAngleDownHandler)
16
+ })
17
+ <% end %>
@@ -3,12 +3,19 @@ import React from 'react'
3
3
  import DatePicker from '../_date_picker'
4
4
 
5
5
  const DatePickerInline = (props) => {
6
+ const showAngleDownHandler = (dateSelected) => {
7
+ if (dateSelected) {
8
+ document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
9
+ }
10
+ }
11
+
6
12
  return (
7
13
  <div>
8
14
  <DatePicker
9
15
  className="inline-date-picker"
10
16
  hideIcon
11
17
  inLine
18
+ onChange={showAngleDownHandler}
12
19
  pickerId="date-picker-inline"
13
20
  {...props}
14
21
  />
@@ -1 +1 @@
1
- <%= pb_rails("rich_text_editor", props: {input_options: { id: 'hidden_input_id', name: "hidden_input_name" }, value: "Add your text here. You can format your text, add links, quotes, and bullets."}) %>
1
+ <%= pb_rails("rich_text_editor", props: {id: "default", value: "Add your text here. You can format your text, add links, quotes, and bullets."}) %>