playbook_ui 14.12.0.pre.alpha.PLAY1888initializeOncereactdatepickerslowdown5956 → 14.12.0.pre.alpha.PLAY18565866
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 +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +3 -10
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -6
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +21 -34
- data/app/pb_kits/playbook/pb_copy_button/_copy_button.scss +1 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +3 -3
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -3
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +71 -36
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +6 -6
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +11 -7
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb +11 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx +22 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md +1 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md +1 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +11 -2
- data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +6 -7
- data/app/pb_kits/playbook/pb_link/_link.tsx +0 -18
- data/app/pb_kits/playbook/pb_link/docs/example.yml +3 -5
- data/app/pb_kits/playbook/pb_link/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_link/link.html.erb +1 -1
- data/app/pb_kits/playbook/pb_link/link.rb +0 -6
- data/app/pb_kits/playbook/pb_link/link.test.jsx +0 -30
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb +6 -6
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_tooltip/index.js +27 -45
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +1 -5
- data/dist/chunks/{_typeahead-CkemExmL.js → _typeahead-W0hatdPs.js} +1 -1
- data/dist/chunks/_weekday_stacked-C98LOqgG.js +45 -0
- data/dist/chunks/{lib-DjpLC8uO.js → lib-kMuhBuU7.js} +1 -1
- data/dist/chunks/{pb_form_validation-S56UaHZl.js → pb_form_validation-DBJ0wZuS.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +2 -2
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +10 -14
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts +0 -26
- data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb +0 -15
- data/app/pb_kits/playbook/pb_copy_button/copy_button.rb +0 -28
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +0 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +0 -5
- data/app/pb_kits/playbook/pb_copy_button/index.js +0 -47
- data/app/pb_kits/playbook/pb_link/docs/_link_target.html.erb +0 -15
- data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +0 -29
- data/dist/chunks/_weekday_stacked-4-ehPAbR.js +0 -45
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.12.0.pre.alpha.
|
4
|
+
version: 14.12.0.pre.alpha.PLAY18565866
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2025-02-
|
12
|
+
date: 2025-02-03 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -265,7 +265,6 @@ files:
|
|
265
265
|
- app/pb_kits/playbook/pb_advanced_table/README.md
|
266
266
|
- app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
|
267
267
|
- app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
|
268
|
-
- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
|
269
268
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
|
270
269
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
|
271
270
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
|
@@ -801,17 +800,12 @@ files:
|
|
801
800
|
- app/pb_kits/playbook/pb_contact/docs/index.js
|
802
801
|
- app/pb_kits/playbook/pb_copy_button/_copy_button.scss
|
803
802
|
- app/pb_kits/playbook/pb_copy_button/_copy_button.tsx
|
804
|
-
- app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
|
805
|
-
- app/pb_kits/playbook/pb_copy_button/copy_button.rb
|
806
803
|
- app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
|
807
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
|
808
804
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
|
809
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
|
810
805
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
|
811
806
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
|
812
807
|
- app/pb_kits/playbook/pb_copy_button/docs/example.yml
|
813
808
|
- app/pb_kits/playbook/pb_copy_button/docs/index.js
|
814
|
-
- app/pb_kits/playbook/pb_copy_button/index.js
|
815
809
|
- app/pb_kits/playbook/pb_currency/_currency.scss
|
816
810
|
- app/pb_kits/playbook/pb_currency/_currency.tsx
|
817
811
|
- app/pb_kits/playbook/pb_currency/currency.html.erb
|
@@ -1560,6 +1554,10 @@ files:
|
|
1560
1554
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
|
1561
1555
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
|
1562
1556
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
|
1557
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
|
1558
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
|
1559
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
|
1560
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
|
1563
1561
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
|
1564
1562
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
|
1565
1563
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
|
@@ -1844,8 +1842,6 @@ files:
|
|
1844
1842
|
- app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
|
1845
1843
|
- app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
|
1846
1844
|
- app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
|
1847
|
-
- app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
|
1848
|
-
- app/pb_kits/playbook/pb_link/docs/_link_target.jsx
|
1849
1845
|
- app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
|
1850
1846
|
- app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
|
1851
1847
|
- app/pb_kits/playbook/pb_link/docs/example.yml
|
@@ -3322,11 +3318,11 @@ files:
|
|
3322
3318
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3323
3319
|
- app/pb_kits/playbook/utilities/text.ts
|
3324
3320
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3325
|
-
- dist/chunks/_typeahead-
|
3326
|
-
- dist/chunks/_weekday_stacked-
|
3321
|
+
- dist/chunks/_typeahead-W0hatdPs.js
|
3322
|
+
- dist/chunks/_weekday_stacked-C98LOqgG.js
|
3327
3323
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3328
|
-
- dist/chunks/lib-
|
3329
|
-
- dist/chunks/pb_form_validation-
|
3324
|
+
- dist/chunks/lib-kMuhBuU7.js
|
3325
|
+
- dist/chunks/pb_form_validation-DBJ0wZuS.js
|
3330
3326
|
- dist/chunks/vendor.js
|
3331
3327
|
- dist/menu.yml
|
3332
3328
|
- dist/playbook-doc.js
|
@@ -1,26 +0,0 @@
|
|
1
|
-
export const showActionBar = (elem: HTMLElement) => {
|
2
|
-
elem.style.display = "block";
|
3
|
-
const height = elem.scrollHeight + "px";
|
4
|
-
elem.style.height = height;
|
5
|
-
elem.classList.add("is-visible");
|
6
|
-
elem.style.overflow = "hidden";
|
7
|
-
|
8
|
-
window.setTimeout(() => {
|
9
|
-
if (elem.classList.contains("is-visible")) {
|
10
|
-
elem.style.height = "";
|
11
|
-
elem.style.overflow = "visible";
|
12
|
-
}
|
13
|
-
}, 300);
|
14
|
-
};
|
15
|
-
|
16
|
-
export const hideActionBar = (elem: HTMLElement) => {
|
17
|
-
elem.style.height = elem.scrollHeight + "px";
|
18
|
-
elem.offsetHeight;
|
19
|
-
window.setTimeout(() => {
|
20
|
-
elem.style.height = "0";
|
21
|
-
elem.style.overflow = "hidden";
|
22
|
-
}, 10);
|
23
|
-
window.setTimeout(() => {
|
24
|
-
elem.classList.remove("is-visible");
|
25
|
-
}, 300);
|
26
|
-
};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
<%= pb_content_tag do %>
|
2
|
-
<%= pb_rails("button", props: { icon: "copy" }) do %>
|
3
|
-
<%= object.text %>
|
4
|
-
<% end %>
|
5
|
-
<% if object.id %>
|
6
|
-
<%= pb_rails("tooltip", props: {
|
7
|
-
trigger_element_selector: "##{object.id}",
|
8
|
-
position: object.tooltip_position,
|
9
|
-
tooltip_id: "#{object.id}_tooltip",
|
10
|
-
trigger_method: "click"
|
11
|
-
}) do %>
|
12
|
-
<%= object.tooltip_text %>
|
13
|
-
<% end %>
|
14
|
-
<% end %>
|
15
|
-
<% end %>
|
@@ -1,28 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Playbook
|
4
|
-
module PbCopyButton
|
5
|
-
class CopyButton < ::Playbook::KitBase
|
6
|
-
prop :text
|
7
|
-
prop :tooltip_position,
|
8
|
-
type: Playbook::Props::Enum,
|
9
|
-
values: %w[top right bottom left],
|
10
|
-
default: "top"
|
11
|
-
prop :tooltip_text, type: Playbook::Props::String,
|
12
|
-
default: "Copied!"
|
13
|
-
prop :value
|
14
|
-
prop :from
|
15
|
-
|
16
|
-
def classname
|
17
|
-
generate_classname("pb_copy_button_kit")
|
18
|
-
end
|
19
|
-
|
20
|
-
def data
|
21
|
-
Hash(values[:data]).merge(
|
22
|
-
"copy-value": value,
|
23
|
-
"from": from
|
24
|
-
)
|
25
|
-
end
|
26
|
-
end
|
27
|
-
end
|
28
|
-
end
|
@@ -1,2 +0,0 @@
|
|
1
|
-
<%= pb_rails("copy_button", props: { id: "default-copy-button", text: "Copy Text", value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease." } ) %>
|
2
|
-
<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
|
@@ -1,5 +0,0 @@
|
|
1
|
-
<%= pb_rails("body", props: { id: "body", text: "Copy this body text!"}) %>
|
2
|
-
<%= pb_rails("copy_button", props: { text: "Copy Body text", from: "body", id: "copy-body-button" }) %>
|
3
|
-
<%= pb_rails("text_input", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
|
4
|
-
<%= pb_rails("copy_button", props: { text: "Copy Text Input", from: "copy-input", id: "copy-input-button" }) %>
|
5
|
-
<%= pb_rails("text_input", props: { margin_top: "xs", id: "copy-input" , value: "Copy and paste here" }) %>
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import PbEnhancedElement from "../pb_enhanced_element"
|
2
|
-
|
3
|
-
export default class PbCopyButton extends PbEnhancedElement {
|
4
|
-
static get selector() {
|
5
|
-
return '.pb_copy_button_kit'
|
6
|
-
}
|
7
|
-
|
8
|
-
connect() {
|
9
|
-
this.handleClick = this.handleClick.bind(this)
|
10
|
-
this.button = this.element.querySelector('button')
|
11
|
-
if (this.button) {
|
12
|
-
this.button.addEventListener('click', this.handleClick)
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
disconnect() {
|
17
|
-
if (this.button) {
|
18
|
-
this.button.removeEventListener('click', this.handleClick)
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
handleClick() {
|
23
|
-
const fromId = this.element.getAttribute('data-from')
|
24
|
-
if (fromId) {
|
25
|
-
const fromElement = document.querySelector(`#${fromId}`)
|
26
|
-
if (fromElement) {
|
27
|
-
let contentToCopy = ''
|
28
|
-
if (fromElement.tagName.toLowerCase() === 'input') {
|
29
|
-
contentToCopy = fromElement.value
|
30
|
-
} else {
|
31
|
-
contentToCopy = fromElement.innerText
|
32
|
-
}
|
33
|
-
navigator.clipboard.writeText(contentToCopy)
|
34
|
-
.catch(err => console.error('Failed to copy text', err))
|
35
|
-
return
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
const textToCopy = this.element.getAttribute('data-copy-value')
|
40
|
-
if (textToCopy) {
|
41
|
-
navigator.clipboard.writeText(textToCopy)
|
42
|
-
.catch(err => console.error('Failed to copy text', err))
|
43
|
-
} else {
|
44
|
-
console.warn('No data-copy-value attribute found or data-from element')
|
45
|
-
}
|
46
|
-
}
|
47
|
-
}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
<div>
|
2
|
-
<%= pb_rails("link", props: {
|
3
|
-
href: "http://google.com",
|
4
|
-
target: "blank",
|
5
|
-
text: "Open In New Window"
|
6
|
-
}) %>
|
7
|
-
</div>
|
8
|
-
|
9
|
-
<div>
|
10
|
-
<%= pb_rails("link", props: {
|
11
|
-
href: "https://playbook.powerapp.cloud/",
|
12
|
-
target: "child",
|
13
|
-
text: "Open In Child Tab",
|
14
|
-
}) %>
|
15
|
-
</div>
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import { Link } from 'playbook-ui'
|
3
|
-
|
4
|
-
const LinkTarget = (props) => (
|
5
|
-
<div>
|
6
|
-
<div>
|
7
|
-
<Link
|
8
|
-
aria={{ label: 'Link to Google in new window' }}
|
9
|
-
href="https://google.com"
|
10
|
-
tabIndex={0}
|
11
|
-
target='blank'
|
12
|
-
text="Open In New Window"
|
13
|
-
{...props}
|
14
|
-
/>
|
15
|
-
</div>
|
16
|
-
<div>
|
17
|
-
<Link
|
18
|
-
aria={{ label: 'Link to Playbook in a child tab' }}
|
19
|
-
href="https://playbook.powerapp.cloud/"
|
20
|
-
tabIndex={0}
|
21
|
-
target='child'
|
22
|
-
text="Open In Child Tab"
|
23
|
-
{...props}
|
24
|
-
/>
|
25
|
-
</div>
|
26
|
-
</div>
|
27
|
-
)
|
28
|
-
|
29
|
-
export default LinkTarget
|