playbook_ui 9.3.1.pre.alpha2 → 9.4.0.alpha.sisense

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 76b05713c20d439c9cf190dbe2886c18c91c0d928cacc1f1d144b661bc252c5b
-  data.tar.gz: f901248e28de4081688cbe230ad247a1e8c50a73b59f92d4e035022205b32898
+  metadata.gz: 25233c2ba44758372c3923f79446c511bcbf4d9b4e7f4f498a92a5fbc4def5d8
+  data.tar.gz: b2dd8010fdb453209ca810547174820b4453fbb400180ba917634062e4438eae
 SHA512:
-  metadata.gz: '097d05cd4d878abb596d6a6990152267a26c9ad54d50622209842ff66a13f49cdaf12dedb18b3ee681e36ab8deb943abdc2e29e87f5ee998a7462ff7abb5a581'
-  data.tar.gz: 7d83fa036724ec01a9e67cb9e06d6cf74b271b3a29fa9637b29682a7646b9115d354dbc00e5afe06dbe1a9dbc7f34c7229e5a6faa4cdee3c6585147af97e1b1d
+  metadata.gz: 22fd5e6c87f220ad277a3907c3d87a41dc821afedf07ed5da30617a2a57741bdf246acf2e1dace90fa779fc09647b49780c60db59b5fb782694be6519f623113
+  data.tar.gz: 3492cb7035113fededb0f2222daa06c84f5fbfe7c04fd7f92a5a9f438f093338a72fbe2a7051a5a69e152f5a1bf75aae629378515ce923d3ef06162bb878743e

data/app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js

@@ -1,5 +1,5 @@
 import { commonSettings } from '../pb_dashboard/commonSettings.js'
-import typography from '../tokens/_typography.scss'
+import typography from '../tokens/exports/_typography.scss'
 
 const sizeColumns = function(highchart) {
   const column = highchart.plotOptions.column

data/app/pb_kits/playbook/pb_checkbox/_checkbox.jsx

@@ -53,9 +53,10 @@ const Checkbox = (props: CheckboxProps) => {
 
   useEffect(() => {
     if (checkRef.current) {
+      checkRef.current.checked = checked
       checkRef.current.indeterminate = indeterminate
     }
-  }, [indeterminate])
+  }, [indeterminate, checked])
 
   return (
     <label

data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss

@@ -4,12 +4,13 @@
 $transition: $transition_cubic;
 
 [class^=pb_checkbox_kit] {
-  display: inline-flex;
   cursor: pointer;
+  display: inline-flex;
+  vertical-align: middle;
   .pb_checkbox_label {
-    padding-left: $space_xs;
     cursor: pointer;
     font-size: $text_lt_default;
+    padding-left: $space_xs;
     user-select: none;
   }
 

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx

@@ -1,15 +1,73 @@
-import React from 'react'
-import { Checkbox } from '../..'
+import React, { useState } from 'react'
+import { Checkbox, Table } from '../..'
 
 const CheckboxIndeterminate = (props) => {
+  const [checkboxes, setCheckboxes] = useState([
+    { name: 'Coffee', checked: false },
+    { name: 'Ice Cream', checked: false },
+    { name: 'Chocolate', checked: true },
+  ])
+
+  const isAllChecked = !checkboxes.find((checkbox) => !checkbox.checked)
+  const isNoneChecked = !checkboxes.find((checkbox) => checkbox.checked)
+
+  const processCheckboxes = (checked) =>
+    checkboxes.slice(0).map((checkbox) => {
+      checkbox.checked = checked
+      return checkbox
+    })
+
+  const onToggleAll = () => {
+    setCheckboxes(
+      isNoneChecked ? processCheckboxes(true) : processCheckboxes(false)
+    )
+  }
+
+  const updateCheckboxes = (checkbox, index) => {
+    const newCheckboxes = checkboxes.slice(0)
+    newCheckboxes[index].checked = !checkbox.checked
+    setCheckboxes(newCheckboxes)
+  }
+
   return (
-    <Checkbox
-        indeterminate
-        name="checkbox-name"
-        text="Indeterminate State"
-        value="check-box value"
-        {...props}
-    />
+    <Table
+        container={false}
+        size="md"
+    >
+      <thead>
+        <tr>
+          <th>
+            <Checkbox
+                checked={isAllChecked}
+                indeterminate={!isAllChecked && !isNoneChecked}
+                name="checkbox-name"
+                onChange={onToggleAll}
+                text={isNoneChecked ? 'Check All' : 'Uncheck All'}
+                value="check-box value"
+                {...props}
+            />
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        {checkboxes.map((checkbox, index) => (
+          <tr key={index}>
+            <td>
+              <Checkbox
+                  checked={checkbox.checked}
+                  name={checkbox.name}
+                  onChange={() => {
+                    updateCheckboxes(checkbox, index)
+                  }}
+                  text={checkbox.name}
+                  value="check-box value"
+                  {...props}
+              />
+            </td>
+          </tr>
+        ))}
+      </tbody>
+    </Table>
   )
 }
 

data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.js

@@ -1,5 +1,5 @@
-import colors from '../tokens/_colors.scss'
-import typography from '../tokens/_typography.scss'
+import colors from '../tokens/exports/_colors.scss'
+import typography from '../tokens/exports/_typography.scss'
 
 const pbIndicator = {
   title: {

data/app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js

@@ -1,5 +1,5 @@
 import { commonSettings } from '../pb_dashboard/commonSettings.js'
-import typography from '../tokens/_typography.scss'
+import typography from '../tokens/exports/_typography.scss'
 
 const markerStyles = (highchart) => {
   highchart.plotOptions.line.marker.enabled = true

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "9.3.1.pre.alpha2"
+  VERSION = "9.4.0.alpha.sisense"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.3.1.pre.alpha2
+  version: 9.4.0.alpha.sisense
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-12 00:00:00.000000000 Z
+date: 2021-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2107,8 +2107,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubyforge_project:
-rubygems_version: 2.7.3
+rubygems_version: 3.1.4
 signing_key:
 specification_version: 4
 summary: Playbook Design System