playbook_ui 11.16.0.pre.alpha.paginationrails1 → 11.16.0.pre.alpha.reactupgrade1

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb

@@ -1,28 +0,0 @@
-<% @data = [{
-    first_name: 'Jon',
-    last_name: 'Ron',
-    email: "jon@mail.com",
-    id: 1,
-}, {
-    first_name: 'Sam',
-    last_name: 'Bob',
-    email: "sam@mail.com",
-    id: 2,
-}, {
-    first_name: 'Nick',
-    last_name: 'Jack',
-    email: "nick@mail.com",
-    id: 3,
-}, {
-    first_name: 'Jake',
-    last_name: 'Wade',
-    email: "jon@mail.com",
-    id: 4,
-}, {
-    first_name: 'Blake',
-    last_name: 'Chad',
-    email: "jon@mail.com",
-    id: 5,
-}] %>
-
-<%= pb_rails("pagination", props: { data: @data}) %>

data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import Pagination from '../_pagination'
-
-const PaginationDefault = (props) => (
-  <div>
-    <Pagination
-        {...props}
-    />
-  </div>
-)
-
-export default PaginationDefault

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

@@ -1,9 +0,0 @@
-examples:
-  
-  rails:
-  - pagination_default: Default
-  
-  
-  # react:
-  # - pagination_default: Default
-  

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

@@ -1 +0,0 @@
-export { default as PaginationDefault } from './_pagination_default.jsx'

data/app/pb_kits/playbook/pb_pagination/pagination.html.erb

@@ -1,7 +0,0 @@
-<%= content_tag(:div,
-    aria: object.aria,
-    class: object.classname,
-    data: object.data,
-    id: object.id) do %>
-     <%= will_paginate object.page_data, renderer: Playbook::Pagination::Rails %>
-<% end %>

data/app/pb_kits/playbook/pb_pagination/pagination.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-require "will_paginate/array"
-module Playbook
-  module PbPagination
-    class Pagination < ::Playbook::KitBase
-      prop :data, type: Playbook::Props::Array,
-                  default: []
-      def page_data
-        new_user_array = []
-        data.each do |user|
-          new_user_array.push(user)
-        end
-        new_user_array.paginate(page: params[:page], per_page: 3)
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_pagination/pagination.test.jsx

@@ -1,17 +0,0 @@
-import { renderKit } from '../utilities/test-utils'
-
-import { Pagination } from '../'
-
-/* 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
-*/
-
-test('generated scaffold test - update me', () => {
-  const props = {
-    data: { testid: 'default' }
-  }
-
-  const kit = renderKit(Pagination , props)
-  expect(kit).toBeInTheDocument()
-})

data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx

@@ -1,111 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classnames from "classnames";
-
-import { globalProps } from "../utilities/globalProps";
-import { buildAriaProps, buildDataProps } from "../utilities/props";
-
-import HighchartsReact from "highcharts-react-official";
-import Highcharts from "highcharts";
-import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
-import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
-import mapColors from "../pb_dashboard/pbChartsColorsHelper";
-import treemap from 'highcharts/modules/treemap'
-
-type TreemapChartProps = {
-  chartData: {
-    name: string;
-    parent?: string | number;
-    value: number;
-    color?: string;
-    id?: string | number;
-  }[];
-  className?: string;
-  colors: string[];
-  dark?: boolean;
-  drillable: boolean;
-  grouped: boolean;
-  height?: string;
-  id: number | string;
-  title?: string;
-  tooltipHtml: string;
-  type?: string;
-  aria?: { [key: string]: string };
-  data?: { [key: string]: string };
-};
-
-const TreemapChart = ({
-  aria = {},
-  data = {},
-  chartData,
-  colors,
-  dark = false,
-  drillable = false,
-  grouped = false,
-  height,
-  id,
-  title = "",
-  tooltipHtml = '<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: <b>{point.value}</b>',
-  type = "treemap",
-  ...props
-}: TreemapChartProps) => {
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const setupTheme = () => {
-    dark
-      ? Highcharts.setOptions(highchartsDarkTheme)
-      : Highcharts.setOptions(highchartsTheme);
-  };  
-  treemap(Highcharts)
-  setupTheme();  
-
-  const staticOptions = {
-    title: {
-      text: title,
-    },
-    chart: {
-      height: height,
-      type: type,
-    },
-    credits: false,
-    series: [
-      {
-        data: chartData,
-      },
-    ],
-    plotOptions: {
-      treemap: {
-        tooltip: {
-          pointFormat: tooltipHtml,
-        },
-        allowTraversingTree: drillable,
-        colorByPoint: !grouped,
-        colors:
-          colors !== undefined && colors.length > 0
-            ? mapColors(colors)
-            : highchartsTheme.colors,
-      },
-    },
-  };
-
-  const [options, setOptions] = useState({});
-
-  useEffect(() => {
-    
-    setOptions({ ...staticOptions });
-  }, [chartData]);
-
-  return (
-    <HighchartsReact
-      containerProps={{
-        className: classnames(globalProps(props), "pb_treemap_chart"),
-        id: id,
-        ...ariaProps,
-        ...dataProps,
-      }}
-      highcharts={Highcharts}
-      options={options}
-    />
-  );
-};
-
-export default TreemapChart;

data/lib/playbook/pagination_renderer.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-require "will_paginate/view_helpers/action_view"
-
-module Playbook
-  module Pagination
-    class Rails < WillPaginate::ActionView::LinkRenderer
-      def container_attributes
-        { class: "pb_pagination" }
-      end
-
-      def page_number(page)
-        if page == current_page
-          tag("li", tag("span", page), class: "active")
-        else
-          tag("li", link(page, page, rel: rel_value(page)))
-        end
-      end
-
-      def previous_or_next_page(page, text, classname)
-        if page
-          tag("li", link(text, page), class: classname)
-        else
-          tag("li", tag("span", text), class: "%s disabled")
-        end
-      end
-
-      def gap; end
-
-      def previous_page
-        num = @collection.current_page > 1 && @collection.current_page - 1
-        previous_or_next_page(num, "<i class='far fa-chevron-left fa-xs'></i>", "prev")
-      end
-
-      def next_page
-        num = @collection.current_page < @collection.total_pages && @collection.current_page + 1
-        previous_or_next_page(num, "<i class='far fa-chevron-right fa-xs'></i>", "next")
-      end
-    end
-  end
-end