@appquality/unguess-design-system 2.4.1 → 2.5.2

package/build/stories/table/_types.d.ts

@@ -1,5 +1,5 @@
-import { ITableProps, IRowProps, ICellProps, IHeaderCellProps } from "@zendeskgarden/react-tables";
-import { SIZE } from "@zendeskgarden/react-tables/dist/typings/styled";
+import { ITableProps, IRowProps, ICellProps, IHeaderCellProps, ISortableCellProps } from "@zendeskgarden/react-tables";
+import { SIZE, SORT } from "@zendeskgarden/react-tables/dist/typings/styled";
 export interface TableProps extends ITableProps {
     /** Sets the table size */
     size?: SIZE;
@@ -52,3 +52,11 @@ export interface HeadArgs extends ICellProps {
     /** Adjusts the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) of the cell */
     width?: string | number;
 }
+export interface SortableCellArgs extends ISortableCellProps {
+    /** Sets the sort order */
+    sort?: SORT;
+    /** Sets the width of the cell */
+    width?: string | number;
+    /** Passes props to the cell */
+    cellProps?: any;
+}

package/build/stories/table/index.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { CellArgs, HeaderCellArgs, RowArgs, TableProps } from './_types';
+import { CellArgs, HeaderCellArgs, RowArgs, SortableCellArgs, TableProps } from './_types';
 /**
  * A Table organizes data into columns and rows. Tables make it easier for users to compare and analyze information.
 
@@ -18,4 +18,5 @@ declare const Row: (props: RowArgs) => JSX.Element;
 declare const Cell: (props: CellArgs) => JSX.Element;
 declare const GroupRow: (props: RowArgs) => JSX.Element;
 declare const Caption: (props: HTMLAttributes<HTMLTableCaptionElement>) => JSX.Element;
-export { Table, Head, HeaderRow, HeaderCell, Body, Row, Cell, GroupRow, Caption };
+declare const SortableCell: (props: SortableCellArgs) => JSX.Element;
+export { Table, Head, HeaderRow, HeaderCell, Body, Row, Cell, GroupRow, Caption, SortableCell, };

package/build/stories/table/index.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { TableProps } from "./_types";
+import { IconArgs } from "../icons/_types";
 interface IRow {
     id?: number | string;
     groupName?: string;
@@ -9,9 +10,15 @@ interface IRow {
     soil?: string;
     selected?: boolean;
 }
+interface Group {
+    groupName: string;
+    groupIcon: IconArgs["type"];
+    items: Array<IRow>;
+}
 interface TableStoryArg extends TableProps {
     columns: Array<string>;
     items: Array<IRow>;
+    groups: Array<Group> | null;
     isStriped?: boolean;
     hasCaption?: boolean;
     isTruncated?: boolean;
@@ -27,6 +34,7 @@ export declare const WithCaption: Story<TableStoryArg>;
 export declare const Truncated: Story<TableStoryArg>;
 export declare const Scroll: Story<TableStoryArg>;
 export declare const Selection: Story<TableStoryArg>;
+export declare const Sort: Story<TableStoryArg>;
 export declare const VirtualScrolling: Story<TableStoryArg>;
 declare const _default: ComponentMeta<(props: TableProps) => JSX.Element>;
 export default _default;

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.4.1",
+  "version": "2.5.2",
   "dependencies": {
     "@zendeskgarden/react-accordions": "^8.49.0",
     "@zendeskgarden/react-avatars": "^8.49.0",
     "@zendeskgarden/react-breadcrumbs": "^8.49.0",
     "@zendeskgarden/react-buttons": "^8.48.2",
-    "@zendeskgarden/react-chrome": "^8.48.2",
+    "@zendeskgarden/react-chrome": "^8.49.0",
     "@zendeskgarden/react-dropdowns": "^8.49.0",
     "@zendeskgarden/react-grid": "^8.49.0",
     "@zendeskgarden/react-loaders": "^8.49.0",
+    "@zendeskgarden/react-modals": "^8.49.0",
     "@zendeskgarden/react-notifications": "^8.49.0",
     "@zendeskgarden/react-pagination": "^8.49.0",
     "@zendeskgarden/react-tables": "^8.49.0",
     "@zendeskgarden/react-tags": "^8.49.0",
     "@zendeskgarden/react-tooltips": "^8.49.0",
     "@zendeskgarden/react-typography": "^8.49.0",
-    "@zendeskgarden/svg-icons": "^6.31.1",
+    "react-spring": "^9.4.4",
     "react-window": "^1.8.6"
   },
   "scripts": {
@@ -84,6 +85,7 @@
     "@types/react-window": "^1.8.5",
     "@types/styled-components": "^5.1.23",
     "@zendeskgarden/react-theming": "^8.48.2",
+    "@zendeskgarden/svg-icons": "^6.31.1",
     "auto": "^10.32.6",
     "babel-loader": "^8.2.3",
     "commitizen": "^4.2.4",