@woven-planet/lakefront 6.15.3 → 6.22.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -29
- package/dist/index.cjs.d.ts +13 -8
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.d.ts +13 -8
- package/dist/index.esm.js +1 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
2
|
[](https://badge.fury.io/js/%40woven-planet%2Flakefront)
|
|
3
3
|
|
|
4
4
|
# lakefront
|
|
@@ -58,31 +58,31 @@ Please do not add information below this table, the 'npm run update-readme' will
|
|
|
58
58
|
---
|
|
59
59
|
| Component | Picture | Component | Picture |
|
|
60
60
|
|:-------------------------------------------------------------------------------------------------------------------------------------------| :------- |:-----------------------------------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------|
|
|
61
|
-
| [AnchorCopy](https://woven-
|
|
62
|
-
| [Breadcrumb](https://woven-
|
|
63
|
-
| [Card](https://woven-
|
|
64
|
-
| [CheckboxGroup](https://woven-
|
|
65
|
-
| [Collapsible](https://woven-
|
|
66
|
-
| [Drawer](https://woven-
|
|
67
|
-
| [AdditionalJSONFilter](https://woven-
|
|
68
|
-
| [DurationFilter](https://woven-
|
|
69
|
-
| [MultiSelectFilter](https://woven-
|
|
70
|
-
| [SingleSelectFilter](https://woven-
|
|
71
|
-
| [Header](https://woven-
|
|
72
|
-
| [ItemGrid](https://woven-
|
|
73
|
-
| [Loading](https://woven-
|
|
74
|
-
| [Modal](https://woven-
|
|
75
|
-
| [Page](https://woven-
|
|
76
|
-
| [Progress](https://woven-
|
|
77
|
-
| [Device Progress](https://woven-
|
|
78
|
-
| [PropertyList](https://woven-
|
|
79
|
-
| [RefreshToolBar](https://woven-
|
|
80
|
-
| [SelectPopover](https://woven-
|
|
81
|
-
| [SpeedInput](https://woven-
|
|
82
|
-
| [StackBannerRow](https://woven-
|
|
83
|
-
| [StatusTable](https://woven-
|
|
84
|
-
| [StepFunctionRenderer](https://woven-
|
|
85
|
-
| [Tabs](https://woven-
|
|
86
|
-
| [Toggle](https://woven-
|
|
87
|
-
| [ModeSelector](https://woven-
|
|
88
|
-
| [ContextMenu](https://woven-
|
|
61
|
+
| [AnchorCopy](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-anchorcopy--anchor-copy) | <details><summary>Screenshot</summary><img src="src/screenshots/AnchorCopy.png"></details> | [BoundingBoxes](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-boundingboxes--bounding-boxes) | <details><summary>Screenshot</summary><img src="src/screenshots/BoundingBoxes.png"></details> |
|
|
62
|
+
| [Breadcrumb](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-breadcrumb--docs) | <details> <summary>Screenshot</summary><img src="src/screenshots/Breadcrumb.png"></details> | [Button](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-button--all-buttons) | <details><summary>Screenshot</summary><img src="src/screenshots/Button.png"></details> |
|
|
63
|
+
| [Card](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-card--card) | <details><summary>Screenshot</summary><img src="src/screenshots/Card.png"></details> | [Checkbox](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-checkbox--checkbox) | <details><summary>Screenshot</summary><img src="src/screenshots/Checkbox.png"></details> |
|
|
64
|
+
| [CheckboxGroup](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-checkboxgroup--checkbox-group) | <details><summary>Screenshot</summary><img src="src/screenshots/CheckboxGroup.png"></details> | [PopoverContent](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-popovercontent--popover-content) | <details><summary>Screenshot</summary><img src="src/screenshots/PopoverContent.png"></details> |
|
|
65
|
+
| [Collapsible](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-collapsible--collapsible) | <details><summary>Screenshot</summary><img src="src/screenshots/Collapsible.png"></details> | [CopyButton](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-copybutton--copy-button) | <details><summary>Screenshot</summary><img src="src/screenshots/CopyButton.png"></details> |
|
|
66
|
+
| [Drawer](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-drawer--drawer) | <details><summary>Screenshot</summary><img src="src/screenshots/Drawer.png"></details> | [Filter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-allfilters--no-filter-bar) | <details><summary>Screenshot</summary><img src="src/screenshots/Filter.png"></details> |
|
|
67
|
+
| [AdditionalJSONFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-additionaljsonfilter--additional-json-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/AdditionalJSONFilter.png"></details> | [DoubleMultiSelectFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-doublemultiselectfilter--double-multi-select-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/DoubleMultiSelectFilter.png"></details> |
|
|
68
|
+
| [DurationFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-durationfilter--duration-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/DurationFilter.png"></details>| [ListFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-listfilter--list-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/ListFilter.png"></details> |
|
|
69
|
+
| [MultiSelectFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-multiselectfilter--multi-select-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/MultiSelectFilter.png"></details> | [RadioFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-radiofilter--radio-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/RadioFilter.png"></details> |
|
|
70
|
+
| [SingleSelectFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-singleselectfilter--single-select-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/SingleSelectFilter.png"></details> | [TextFilter](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-filter-textfilter--text-filter) | <details><summary>Screenshot</summary><img src="src/screenshots/TextFilter.png"></details> |
|
|
71
|
+
| [Header](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-header--header) | <details><summary>Screenshot</summary><img src="src/screenshots/Header.png"></details> | [Input](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-input--placeholder) | <details><summary>Screenshot</summary><img src="src/screenshots/Input.png"></details> |
|
|
72
|
+
| [ItemGrid](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-itemgrid--item-grid) | <details><summary>Screenshot</summary><img src="src/screenshots/ItemGrid.png"></details> | [ItemResults](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-itemresults--item-results) | <details><summary>Screenshot</summary><img src="src/screenshots/ItemResults.png"></details> |
|
|
73
|
+
| [Loading](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-loading--loading) | <details><summary>Screenshot</summary><img src="src/screenshots/Loading.png"></details> | [MaskableImage](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-maskableimage--maskable-image) | <details><summary>Screenshot</summary><img src="src/screenshots/MaskableImage.png"></details> |
|
|
74
|
+
| [Modal](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-modal--simple-modal) | <details><summary>Screenshot</summary><img src="src/screenshots/Modal.png"></details> | [ConfirmationModal](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-modal-confirmationmodal--basic-confirm) | <details><summary>Screenshot</summary><img src="src/screenshots/ConfirmationModal.png"></details> |
|
|
75
|
+
| [Page](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-page--page) | <details><summary>Screenshot</summary><img src="src/screenshots/Page.png"></details> | [PlaybackBar](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-playbackbar--playback-bar) | <details><summary>Screenshot</summary><img src="src/screenshots/PlaybackBar.png"></details> |
|
|
76
|
+
| [Progress](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-progress-progressbar--progress-bar) | <details><summary>Screenshot</summary><img src="src/screenshots/Progress.png"></details> | [Circular Progress](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-progress-circularprogress--circular-progress) | <details><summary>Screenshot</summary><img src="src/screenshots/CircularProgress.png"></details> |
|
|
77
|
+
| [Device Progress](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-progress-deviceprogress--default-progress-bar) | <details><summary>Screenshot</summary><img src="src/screenshots/DeviceProgress.png"></details> | [Progress Bar](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-progress-progressbar--progress-bar) | <details><summary>Screenshot</summary><img src="src/screenshots/ProgressBar.png"></details> |
|
|
78
|
+
| [PropertyList](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-propertylist--property-list) | <details><summary>Screenshot</summary><img src="src/screenshots/PropertyList.png"></details> | [RadioGroup](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-radiogroup--standard-radio-group) | <details><summary>Screenshot</summary><img src="src/screenshots/RadioGroup.png"></details> |
|
|
79
|
+
| [RefreshToolBar](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-refreshtoolbar--refresh-toolbar) | <details><summary>Screenshot</summary><img src="src/screenshots/RefreshToolBar.png"></details> | [Select](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-select--select) | <details><summary>Screenshot</summary><img src="src/screenshots/Select.png"></details> |
|
|
80
|
+
| [SelectPopover](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-selectpopover--popover) | <details><summary>Screenshot</summary><img src="src/screenshots/SelectPopover.png"></details> | [Snackbar](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-snackbar) | <details><summary>Screenshot</summary><img src="src/screenshots/Snackbar.png"></details> |
|
|
81
|
+
| [SpeedInput](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-speedinput--speed-input) | <details><summary>Screenshot</summary><img src="src/screenshots/SpeedInput.png"></details> | [StackBanner](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-stack-banner--stack-banner) | <details><summary>Screenshot</summary><img src="src/screenshots/StackBanner.png"></details> |
|
|
82
|
+
| [StackBannerRow](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-stack-banner-stack-banner-row--error) | <details><summary>Screenshot</summary><img src="src/screenshots/StackBannerRow.png"></details> | [StepFunctionAuthoring](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-stepfunctionauthoring--new-step-function) | <details><summary>Screenshot</summary><img src="src/screenshots/StepFunctionAuthoring.png"></details> |
|
|
83
|
+
| [StatusTable](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-statustable--status-table-with-table-card) | <details><summary>Screenshot</summary><img src="src/screenshots/StatusTable.png"></details> | [StepFunctionGraph](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-stepfunctiongraph--simple-graph) | <details><summary>Screenshot</summary><img src="src/screenshots/StepFunctionAuthoring.png"></details> |
|
|
84
|
+
| [StepFunctionRenderer](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-stepfunctionrenderer--step-function-renderer) | <details><summary>Screenshot</summary><img src="src/screenshots/StepFunctionRenderer.png"></details> | [Table](https://woven-by-toyota.github.io/lakefront?path=/docs/lakefront-table--table) | <details><summary>Screenshot</summary><img src="src/screenshots/Table.png"></details> |
|
|
85
|
+
| [Tabs](https://woven-by-toyota.github.io/lakefront?path=/docs/lakefront-tabs--tabs) | <details><summary>Screenshot</summary><img src="src/screenshots/Tabs.png"></details> | [TextArea](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-textarea--placeholder) | <details><summary>Screenshot</summary><img src="src/screenshots/TextArea.png"></details> |
|
|
86
|
+
| [Toggle](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-toggle--toggle) | <details><summary>Screenshot</summary><img src="src/screenshots/Toggle.png"></details> | [TypeaheadSearch](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-typeaheadsearch--search-bottom-start) | <details><summary>Screenshot</summary><img src="src/screenshots/TypeaheadSearch.png"></details> |
|
|
87
|
+
| [ModeSelector](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-modeselector--simple-mode-selector) | <details><summary>Screenshot</summary><img src="src/screenshots/ModeSelector.png"></details> | [Colors](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-theme-colors--docs) | <details><summary>Screenshot</summary><img src="src/screenshots/Colors.png"></details> |
|
|
88
|
+
| [ContextMenu](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-contextmenu--docs) | <details><summary>Screenshot</summary><img src="src/screenshots/ContextMenu.png"></details> | [ButtonGroup](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-buttongroup--docs) | <details><summary>Screenshot</summary><img src="src/screenshots/ButtonGroup.gif"></details> |
|
package/dist/index.cjs.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { ComponentPropsWithoutRef, FC, RefAttributes, ReactNode, ElementType, ReactElement, ComponentPropsWithRef, ChangeEvent, Dispatch, MouseEventHandler, SetStateAction, MouseEvent } from "react";
|
|
3
|
+
import { ComponentPropsWithoutRef, FC, RefAttributes, ReactNode, ElementType, ReactElement, ComponentPropsWithRef, ChangeEvent, ComponentProps, Dispatch, MouseEventHandler, SetStateAction, MouseEvent } from "react";
|
|
4
4
|
import { LinkProps } from "react-router-dom";
|
|
5
|
+
import { Theme } from "@emotion/react";
|
|
5
6
|
import { GetStyles, GroupBase } from "react-select/dist/declarations/src/types";
|
|
6
7
|
import { AsyncProps as ReactAsyncSelectProps } from "react-select/async";
|
|
7
8
|
import { Props as ReactSelectProps } from "react-select";
|
|
8
9
|
import { ParsedQuery } from "query-string";
|
|
9
|
-
import { Theme } from "@emotion/react";
|
|
10
10
|
import { Column } from "react-table";
|
|
11
11
|
interface AnchorCopyProps {
|
|
12
12
|
/**
|
|
@@ -161,9 +161,9 @@ interface BreadcrumbHeaderProps {
|
|
|
161
161
|
declare const BreadcrumbHeader: FC<BreadcrumbHeaderProps>;
|
|
162
162
|
interface ButtonProps {
|
|
163
163
|
/**
|
|
164
|
-
* Determines the style of the button: primary, secondary, or
|
|
164
|
+
* Determines the style of the button: primary, secondary, destructive, or link.
|
|
165
165
|
*/
|
|
166
|
-
color?: "primary" | "secondary" | "destructive";
|
|
166
|
+
color?: "primary" | "secondary" | "destructive" | "link";
|
|
167
167
|
/**
|
|
168
168
|
* Provides an alternate color theme for use on darker backgrounds.
|
|
169
169
|
*/
|
|
@@ -481,7 +481,7 @@ interface CopyButtonProps {
|
|
|
481
481
|
/**
|
|
482
482
|
* CopyButton Component
|
|
483
483
|
*
|
|
484
|
-
* The CopyButton component is an implementation of the [Button Component](https://woven-
|
|
484
|
+
* The CopyButton component is an implementation of the [Button Component](https://woven-by-toyota.github.io/lakefront/?path=/docs/lakefront-button--all-buttons)
|
|
485
485
|
* used specifically for copying provided text to the clipboard. While the default usage should suffice, various aspects can be overridden
|
|
486
486
|
* due to the inheritance of many `ButtonComponentProps`.
|
|
487
487
|
*/
|
|
@@ -626,6 +626,7 @@ interface LakefrontTheme {
|
|
|
626
626
|
secondary: string;
|
|
627
627
|
disabled: string;
|
|
628
628
|
inverted: string;
|
|
629
|
+
pronounced: string;
|
|
629
630
|
};
|
|
630
631
|
buttonColors: {
|
|
631
632
|
primary: string;
|
|
@@ -642,6 +643,9 @@ interface LakefrontTheme {
|
|
|
642
643
|
disabled: string;
|
|
643
644
|
inverted: string;
|
|
644
645
|
hover: string;
|
|
646
|
+
tinted: string;
|
|
647
|
+
error: string;
|
|
648
|
+
errorsInverted: string;
|
|
645
649
|
};
|
|
646
650
|
foregrounds: {
|
|
647
651
|
primary: string;
|
|
@@ -653,6 +657,7 @@ interface LakefrontTheme {
|
|
|
653
657
|
inverted: string;
|
|
654
658
|
success: string;
|
|
655
659
|
hyperlink: string;
|
|
660
|
+
loading: string;
|
|
656
661
|
};
|
|
657
662
|
lettering: {
|
|
658
663
|
primary: {
|
|
@@ -1243,7 +1248,7 @@ interface TextFilterOverrides extends Omit<Partial<FilterModule<string>>, "descr
|
|
|
1243
1248
|
* a given page. Various components can be provided to increase/limit
|
|
1244
1249
|
* what changes are displayed.
|
|
1245
1250
|
*/
|
|
1246
|
-
declare const Filter: FC<FilterComponentProps
|
|
1251
|
+
declare const Filter: FC<FilterComponentProps & ComponentProps<"div">>;
|
|
1247
1252
|
/**
|
|
1248
1253
|
* The useFilter hook is primarily designed to use with the Filter
|
|
1249
1254
|
* component, but can be used standalone to maintain filter state.
|
|
@@ -1966,7 +1971,7 @@ interface PopoverContentProps {
|
|
|
1966
1971
|
* It is meant to handle the memoization of content to be rendered and logically
|
|
1967
1972
|
* switch between rendering content within or outside a portal as needed. Under the hood,
|
|
1968
1973
|
* all Lakefront popover components (Modal, Snackbar, et. al) utilize this component. View
|
|
1969
|
-
* the [PopoverContent stories source code](https://github.com/woven-
|
|
1974
|
+
* the [PopoverContent stories source code](https://github.com/woven-by-toyota/lakefront/blob/main/src/stories/PopoverContent/PopoverContent.stories.tsx)
|
|
1970
1975
|
* for a more detailed look on how to implement.
|
|
1971
1976
|
*/
|
|
1972
1977
|
declare const PopoverContent: FC<PopoverContentProps>;
|
|
@@ -2231,7 +2236,7 @@ interface RefreshToolbarProps {
|
|
|
2231
2236
|
* prop or a wrapper). Set [standalone] to true to add full-width behavior with margins and
|
|
2232
2237
|
* a bottom border (to function as a standalone header). Defaults to true.
|
|
2233
2238
|
*/
|
|
2234
|
-
declare const RefreshToolbar: FC<RefreshToolbarProps
|
|
2239
|
+
declare const RefreshToolbar: FC<RefreshToolbarProps & ComponentProps<"div">>;
|
|
2235
2240
|
type SelectOverlayStyles = Partial<GetStyles<SelectOption<any>, true, GroupBase<SelectOption<any>>>>;
|
|
2236
2241
|
declare const SELECT_OVERLAY_STYLES: SelectOverlayStyles;
|
|
2237
2242
|
interface SelectPopoverOption {
|