playbook_ui 14.24.0.pre.rc.2 → 14.24.0.pre.rc.4

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx

@@ -1,76 +0,0 @@
-import React, { useState } from 'react'
-import Button from '../../pb_button/_button'
-import Walkthrough from '../../pb_walkthrough/_walkthrough'
-
-const WalkthroughStyled = (props) => {
-  const [state, setState] = useState({
-    run: false,
-    steps: [
-      {
-        title: 'Example title',
-        content:
-      'This was an example of a Beacon in the Walkthrough Kit it is used as a simple indicator to inform users about a particular thing',
-        target: '.styled',
-      },
-      {
-        title: 'Toggle',
-        content:
-        'By default the walkthrough kit will cycle through each step provided.',
-        target: '.pb_toggle_control',
-      },
-      {
-        title: 'Top Nav',
-        content:
-          'By default the walkthrough kit will cycle through each step provided.',
-        target: '.pb--page--topNav',
-      },
-    ],
-  })
-
-  return (
-    <div>
-      <div
-          className="styled"
-          style={{ 'display': 'inline' }}
-      >
-        {'Start the Tour. Then click the Beacon to demo the default behavior of the Walkthrough Kit'}
-      </div>
-      <br />
-      <br />
-      <Button
-          onClick={() => {
-            setState({ ...state,
-              run: true,
-            })
-          }}
-      >
-        {'Start Tour'}
-      </Button>
-      <br />
-      <br />
-      <Button
-          onClick={() => {
-          setState({
-            ...state,
-            run: false,
-          })
-        }}
-      >
-        {'Reset/Stop Tour'}
-      </Button>
-
-      <Walkthrough
-          run={state.run}
-          steps={state.steps}
-          styles={{
-            options: {
-            beaconSize: 120,
-            },
-          }}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default WalkthroughStyled

data/app/pb_kits/playbook/pb_walkthrough/docs/example.yml

@@ -1,10 +0,0 @@
-examples:
-  
-  
-  react:
-  - walkthrough_default: Default
-  - walkthrough_continuous: Continuous
-  - walkthrough_no_beacon: No Beacon
-  - walkthrough_no_overlay: No Overlay
-  - walkthrough_multi_beacon: Multi Beacon
-  - walkthrough_styled: Styled

data/app/pb_kits/playbook/pb_walkthrough/docs/index.js

@@ -1,6 +0,0 @@
-export { default as WalkthroughDefault } from './_walkthrough_default.jsx'
-export { default as WalkthroughContinuous } from './_walkthrough_continuous.jsx'
-export { default as WalkthroughNoBeacon } from './_walkthrough_no_beacon.jsx'
-export { default as WalkthroughMultiBeacon } from './_walkthrough_multi_beacon.jsx'
-export { default as WalkthroughNoOverlay } from './_walkthrough_no_overlay.jsx'
-export { default as WalkthroughStyled } from './_walkthrough_styled.jsx'

data/app/pb_kits/playbook/pb_walkthrough/walkthrough.test.jsx

@@ -1,34 +0,0 @@
-/* eslint-disable no-unused-vars */
-import { ensureAccessible, render, renderKit, screen } from '../utilities/test-utils'
-import React from 'react'
-import { Walkthrough } from 'playbook-ui'
-
-/* See these resources for more testing info:
-  - https://github.com/testing-library/jest-dom#usage for useage and examples
-  - https://jestjs.io/docs/en/using-matchers
-*/
-
-const testId = 'walkthroughKitTest',
-  kitClass = 'pb_walkthrough'
-
-test('expect kit to exist', () => {
-  const props = {
-    data: { testid: testId },
-  }
-
-  const kit = renderKit(Walkthrough, props)
-  expect(kit).toBeInTheDocument()
-  expect(kit).toHaveClass(kitClass)
-})
-
-test('returns namespaced class name', () => {
-  render(
-    <Walkthrough
-        className="additional_class"
-        data={{ testid: testId }}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  expect(kit).toHaveClass('additional_class')
-})