@7shifts/sous-chef 2.3.2 → 2.3.6

package/dist/controls/ToolbarSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ToolbarSelect';

package/dist/controls/index.d.ts

@@ -0,0 +1,2 @@
+import ToolbarSelect from './ToolbarSelect';
+export { ToolbarSelect };

package/dist/core/DataTable/DataTable.d.ts

@@ -4,7 +4,7 @@ declare type Props<T> = {
     /** Each element represents a row and each key of the object represents a column */
     items: Item<T>[];
     /** For each column element, the `name` property should match the key on `items` */
-    columns: Column[];
+    columns?: Column[];
     /** A custom component for  customizing how the each item is rendered. It pass as props: `item`, `index`, `columnSizes` and `columns` */
     itemComponent?: React.ComponentType<CustomComponent<T>>;
     maxHeight?: number;

package/dist/core/DataTable/DataTableContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Column } from './types';
 export declare type DataTableContextType = {
-    columns: Column[];
+    columns?: Column[];
     showActionMenu?: boolean;
     numberOfRows: number;
     hasVerticalBorders?: boolean;

package/dist/forms/Form/types.d.ts

@@ -1,18 +1,3 @@
-import type { SelectOption } from '../SelectField/types';
-import { DateRange } from '../../utils/date';
-export declare type FormikType = {
-    handleSubmit: (e: Object) => void;
-    setFieldValue: (_: string, __: string | boolean | SelectOption<any> | SelectOption<any>[] | Date | DateRange | null) => void;
-    setFieldTouched: (e: string) => void;
-    values: {
-        [key: string]: any;
-    };
-    touched: {
-        [key: string]: boolean;
-    };
-    errors: {
-        [key: string]: string;
-    };
-    isValid: boolean;
-    dirty: boolean;
-};
+import { FormikState, FormikHelpers, FormikHandlers } from 'formik';
+/** The FormValues are `any` here as in Sous Chef we don't care about the shape of the form. We just need to link form fields with the formik state */
+export declare type FormikType = FormikState<any> & FormikHelpers<any> & FormikHandlers;

package/dist/icons/components/IconGif.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconSize } from '../types';
+declare type Props = {
+    size?: IconSize;
+    color?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconGif: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
+export default IconGif;

package/dist/icons/components/IconStarSolid.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconSize } from '../types';
+declare type Props = {
+    size?: IconSize;
+    color?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconStarSolid: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
+export default IconStarSolid;

package/dist/icons/components/index.d.ts

@@ -57,6 +57,7 @@ export { default as IconFlag } from './IconFlag';
 export { default as IconFourDotsCircle } from './IconFourDotsCircle';
 export { default as IconFourSquares } from './IconFourSquares';
 export { default as IconGavel } from './IconGavel';
+export { default as IconGif } from './IconGif';
 export { default as IconGift } from './IconGift';
 export { default as IconGrinBeam } from './IconGrinBeam';
 export { default as IconGripVertical } from './IconGripVertical';
@@ -93,6 +94,7 @@ export { default as IconSignOut } from './IconSignOut';
 export { default as IconSitemap } from './IconSitemap';
 export { default as IconSlidersH } from './IconSlidersH';
 export { default as IconSort } from './IconSort';
+export { default as IconStarSolid } from './IconStarSolid';
 export { default as IconStar } from './IconStar';
 export { default as IconStickyNoteLines } from './IconStickyNoteLines';
 export { default as IconStopwatch } from './IconStopwatch';

package/dist/index.css

@@ -598,7 +598,7 @@ Please ask a designer if you have questions about which colours to use.
   border: 1px solid #fff;
   border-bottom: 1px solid #e0e0e0;
 }
-._3DlpO:last-child {
+._3DlpO:last-child:not(._NS-B9) {
   border-bottom: 1px solid #fff;
 }
 
@@ -621,11 +621,20 @@ Please ask a designer if you have questions about which colours to use.
   box-shadow: 0 0 8px #a7b7ea;
 }
 ._NS-B9:first-child {
-  border-radius: 8px 8px 0 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+._NS-B9:first-child:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 ._NS-B9:last-child {
-  border-radius: 0 0 8px 8px;
-  border-bottom: 1px solid #6d87dd;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+._NS-B9:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 
 ._3ENNn {
@@ -664,6 +673,7 @@ Please ask a designer if you have questions about which colours to use.
 ._3-nHz {
   display: flex;
   align-items: center;
+  line-height: 21px;
 }
 ._2Rh0i {
   cursor: pointer;
@@ -682,6 +692,7 @@ Please ask a designer if you have questions about which colours to use.
 ._W7CnY {
   display: inline-block;
   padding: 0 8px;
+  line-height: 1em;
 }
 
 ._2ygIH {
@@ -734,7 +745,7 @@ Please ask a designer if you have questions about which colours to use.
 ._1d8Ci {
   display: flex;
 }
-._1d8Ci:not(:last-child) {
+._1d8Ci:not(:last-child):not(._3tb7U) {
   border-bottom: 1px solid #e0e0e0;
 }
 
@@ -757,11 +768,20 @@ Please ask a designer if you have questions about which colours to use.
   box-shadow: 0 0 8px #a7b7ea;
 }
 ._3tb7U:first-child {
-  border-radius: 8px 8px 0 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+._3tb7U:first-child:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 ._3tb7U:last-child {
-  border-radius: 0 0 8px 8px;
-  border-bottom: 1px solid #6d87dd;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+._3tb7U:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 
 ._OTcMc {
@@ -809,6 +829,7 @@ Please ask a designer if you have questions about which colours to use.
 ._27x4v {
   display: flex;
   align-items: center;
+  line-height: 21px;
 }
 ._27x4v:not(._27x4v:first-child) {
   padding-left: 16px;
@@ -837,6 +858,7 @@ Please ask a designer if you have questions about which colours to use.
 ._3VjFP {
   display: inline-block;
   padding: 0 8px;
+  line-height: 1em;
 }
 
 ._1bTmd {

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './core';
+export * from './controls';
 export * from './forms';
 export * from './feedback';
 export * from './actions';