pollination-react-io 1.7.2 → 1.8.2

package/README.md

@@ -75,6 +75,22 @@ which will install the local component library as a dependency in `test-app`. It
 ```
 
 Your components can then be imported and used in that project.
+### Using Component Library SASS Variables
+
+I've found that it's helpful to export SASS variables to projects consuming the library. As such, I've added the `rollup-plugin-copy` NPM package and used it to copy the [`src/typography.scss`](src/typography.scss) and [`variables.scss`](src/variables.scss) into the `build` directory as part of the Rollup bundle process. This allows you to use these variables in your projects consuming the component library.
+
+For example, let's say you installed `harvey-component-library` into your project. To use the exported variables/mixins, in a SASS file you would do the following:
+
+```Sass
+@import '~harvey-component-library/build/typography';
+
+.example-container {
+    @include heading;
+
+    color: $harvey-white;
+}
+```
+
 ## Additional Help
 
 ### Dark Mode
@@ -89,6 +105,7 @@ Read https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-schem
 [Built with react-component-library](https://blog.harveydelaney.com/creating-your-own-react-component-library/)
 
 - [Rollup](https://github.com/rollup/rollup)
+- [Sass](https://sass-lang.com/)
 - [TypeScript](https://www.typescriptlang.org/)
 - [Storybook](https://storybook.js.org/)
 - [Jest](https://jestjs.io/) and [React Testing Library](https://github.com/testing-library/react-testing-library)

package/build/ComboFileSelector/ComboFileSelector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ComboFileSelectorProps } from './ComboFileSelector.types';
+export declare const ComboFileSelector: React.FC<ComboFileSelectorProps>;
+export default ComboFileSelector;

package/build/ComboFileSelector/ComboFileSelector.types.d.ts

@@ -0,0 +1,10 @@
+import { HTMLProps } from 'react';
+import { APIClient } from '../hooks';
+export interface ComboFileSelectorProps {
+    projectOwner?: string;
+    projectName?: string;
+    defaultOption?: 'get_model' | 'get_file' | 'get_cloud';
+    onChange?: (...any: any) => void;
+    client: APIClient;
+    inputProps?: HTMLProps<HTMLInputElement>;
+}

package/build/CreateStudy/CreateStudy.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import 'react-tabs/style/react-tabs.css';
 import { CreateStudyProps } from './CreateStudy.types';
+import 'react-tabs/style/react-tabs.css';
 export declare const CreateStudy: React.FC<CreateStudyProps>;
 export default CreateStudy;

package/build/RecipeInputsForm/RecipeInputsForm.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { RecipeInputsFormProps } from './RecipeInputsForm.types';
+import './RecipeInputsForm.scss';
 declare const RecipeInputsForm: React.FC<RecipeInputsFormProps>;
 export default RecipeInputsForm;

package/build/RecipeInputsForm/RecipeInputsForm.types.d.ts

@@ -1,9 +1,10 @@
 import { RecipeInterface } from '@pollination-solutions/pollination-sdk';
-import { CSSProperties } from 'react';
-import { Message } from '../hooks';
+import { APIClient, Message } from '../hooks';
 export interface RecipeInputsFormProps {
     recipe: RecipeInterface;
     onSubmit?: (data: any) => Promise<void> | Promise<Message> | void;
     disabled?: boolean;
-    labelStyle?: CSSProperties;
+    projectOwner?: string;
+    projectName?: string;
+    client?: APIClient;
 }

package/build/atoms/Button/Button.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { ButtonProps } from './Button.types';
-export declare const Button: React.FC<ButtonProps>;
+import './Button.scss';
+declare const Button: React.FC<ButtonProps>;
 export default Button;

package/build/atoms/ComboBox/ComboBox.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import 'react-perfect-scrollbar/dist/css/styles.css';
 import { ComboBoxProps } from './ComboBox.types';
+import './ComboBox.scss';
 export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps>;
 export default ComboBox;

package/build/atoms/Dropdown/Dropdown.d.ts

@@ -1,5 +1,6 @@
 import React, { FC, ReactNode } from 'react';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import './Dropdown.scss';
 export declare type Option = {
     type: 'checkbox' | 'radio' | 'button' | 'label' | 'link';
     id: string;

package/build/atoms/FileInput/FileInput.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { FileInputProps } from './FileInput.types';
+import './FileInput.scss';
 export declare const FileInput: React.FC<FileInputProps>;
 export default FileInput;

package/build/atoms/RadioList/RadioList.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { RadioListProps } from './RadioList.types';
+import './RadioList.scss';
 export declare const RadioList: React.FC<RadioListProps>;
 export default RadioList;

package/build/atoms/SettingsButton/index.d.ts

@@ -1,5 +1,6 @@
 import React, { FC, ReactNode } from 'react';
 import { OptionGroup } from '../Dropdown/Dropdown';
+import './SettingsButton.scss';
 export interface SettingsButtonProps {
     onClick: () => void;
     label: string | ReactNode;

package/build/atoms/TextInput/TextInput.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { TextInputProps } from './TextInput.types';
+import './TextInput.scss';
 export declare const TextInput: React.FC<TextInputProps>;
 export default TextInput;

package/build/atoms/Tooltip/index.d.ts

@@ -1,4 +1,5 @@
 import React, { CSSProperties, FC } from 'react';
+import './Tooltip.scss';
 interface TooltipProps {
     content: React.ReactNode | string;
     side?: 'top' | 'right' | 'bottom' | 'left';

package/build/hooks/useAPIClient.d.ts

@@ -22,7 +22,7 @@ export declare class APIClient {
     constructor(props: ConfigurationParameters);
     private init;
     /** Overwrite current configuration and re-create all api clients. */
-    configure(basePath?: string, token?: string): void;
+    configure(config: Partial<ConfigurationParameters>): void;
 }
 export declare const useAPIClient: (config?: ConfigurationParameters) => {
     client: React.MutableRefObject<APIClient>;

package/build/index.d.ts

@@ -1,6 +1,7 @@
 export * from './hooks';
 export * from './AuthUser/AuthUser';
 export * from './CreateStudy/CreateStudy';
+export * from './ComboFileSelector/ComboFileSelector';
 export * from './GetGeometry/GetGeometry';
 export * from './GetModel/GetModel';
 export * from './RunCommand/RunCommand';