@lax-wp/design-system 0.3.96 → 0.3.97
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/dist/components/data-display/code-editor/JsonGrid.d.ts +37 -14
- package/dist/components/data-display/comparison/Comparison.d.ts +36 -0
- package/dist/components/data-display/comparison/ComparisonContext.d.ts +36 -0
- package/dist/components/data-display/comparison/components/GridItemHandle.d.ts +7 -0
- package/dist/components/data-display/comparison/components/GridLayout.d.ts +7 -0
- package/dist/components/data-display/comparison/components/Header.d.ts +11 -0
- package/dist/components/data-display/comparison/components/NoAvailableContent.d.ts +7 -0
- package/dist/components/data-display/comparison/components/SortableItem.d.ts +9 -0
- package/dist/components/data-display/comparison/constants.d.ts +15 -0
- package/dist/components/data-display/comparison/icons/CloseIcon.d.ts +7 -0
- package/dist/components/data-display/comparison/icons/ExitIcon.d.ts +6 -0
- package/dist/components/data-display/comparison/icons/LayoutOneIcon.d.ts +6 -0
- package/dist/components/data-display/comparison/icons/LayoutThreeIcon.d.ts +6 -0
- package/dist/components/data-display/comparison/icons/LayoutTwoIcon.d.ts +6 -0
- package/dist/components/data-display/comparison/icons/SearchIcon.d.ts +8 -0
- package/dist/components/data-display/comparison/icons/index.d.ts +12 -0
- package/dist/components/data-display/comparison/index.d.ts +9 -0
- package/dist/components/data-display/comparison/utils.d.ts +15 -0
- package/dist/components/data-display/empty-state/EmptyEvent.d.ts +5 -0
- package/dist/components/data-display/empty-state/NoDataFoundWidgets.d.ts +20 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyBarChartData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyCardChartData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyContentChart.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyCountWidgetData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyDonutChartData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyPieChatData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyTableWidgetData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/EmptyTimelineChartData.d.ts +1 -0
- package/dist/components/data-display/empty-state/empty-widget/index.d.ts +8 -0
- package/dist/components/data-display/empty-state/index.d.ts +5 -0
- package/dist/components/data-display/progress-bar/CircularProgressBar.d.ts +23 -0
- package/dist/components/data-display/progress-bar/LinearProgressBar.d.ts +27 -0
- package/dist/components/data-display/progress-bar/index.d.ts +4 -0
- package/dist/components/floating-bar/FloatingBar.d.ts +28 -84
- package/dist/components/forms/field-options/FieldOptions.d.ts +10 -0
- package/dist/components/forms/field-options/Header.d.ts +9 -0
- package/dist/components/forms/field-options/Icon.d.ts +6 -0
- package/dist/components/forms/field-options/Item.d.ts +7 -0
- package/dist/components/forms/field-options/index.d.ts +3 -0
- package/dist/components/forms/field-options/types.d.ts +11 -0
- package/dist/components/forms/formula-input/FormulaInput.d.ts +33 -0
- package/dist/components/forms/formula-input/index.d.ts +3 -0
- package/dist/components/forms/formula-input/utils.d.ts +31 -0
- package/dist/index.d.ts +12 -3
- package/dist/index.es.js +19256 -18808
- package/dist/index.umd.js +88 -80
- package/package.json +12 -7
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface FormulaInputProps {
|
|
3
|
+
/** Current value of the input */
|
|
4
|
+
value: string;
|
|
5
|
+
/** Callback when value changes */
|
|
6
|
+
onChange: (value: string) => void;
|
|
7
|
+
/** Callback when input receives focus */
|
|
8
|
+
onFocus?: () => void;
|
|
9
|
+
/** Callback when input loses focus */
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
/** Label for the input field */
|
|
12
|
+
label?: string;
|
|
13
|
+
/** Unique identifier for the input */
|
|
14
|
+
id: string;
|
|
15
|
+
/** Whether the field is required */
|
|
16
|
+
required?: boolean;
|
|
17
|
+
/** Tooltip text displayed next to the label */
|
|
18
|
+
tooltip?: string;
|
|
19
|
+
/** Placeholder text */
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
/** Whether the input is disabled */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Error message to display */
|
|
24
|
+
errorMessage?: string;
|
|
25
|
+
/** Width of the input */
|
|
26
|
+
width?: string;
|
|
27
|
+
/** List of suggestions for autocomplete */
|
|
28
|
+
suggestions?: string[];
|
|
29
|
+
/** Whether to show the raw value instead of pills */
|
|
30
|
+
showRawValue?: boolean;
|
|
31
|
+
}
|
|
32
|
+
declare const _default: React.NamedExoticComponent<FormulaInputProps>;
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as FormulaInput } from './FormulaInput';
|
|
2
|
+
export type { FormulaInputProps } from './FormulaInput';
|
|
3
|
+
export { convertToPills, convertFromPills, getCursorPosition, setCursorPosition, getTextBeforeCursor, getCursorCoordinates, insertTextAtCursor, } from './utils';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Converts {{variable}} syntax to styled pill marks
|
|
3
|
+
*/
|
|
4
|
+
export declare const convertToPills: (str: string) => string;
|
|
5
|
+
/**
|
|
6
|
+
* Converts pill marks back to {{variable}} syntax
|
|
7
|
+
*/
|
|
8
|
+
export declare const convertFromPills: (str: string) => string;
|
|
9
|
+
/**
|
|
10
|
+
* Gets the current cursor position in the contenteditable element
|
|
11
|
+
*/
|
|
12
|
+
export declare const getCursorPosition: () => number;
|
|
13
|
+
/**
|
|
14
|
+
* Sets the cursor position in a contenteditable element
|
|
15
|
+
*/
|
|
16
|
+
export declare const setCursorPosition: (element: HTMLElement, position: number) => void;
|
|
17
|
+
/**
|
|
18
|
+
* Gets the text content before the cursor, useful for detecting {{ trigger
|
|
19
|
+
*/
|
|
20
|
+
export declare const getTextBeforeCursor: () => string;
|
|
21
|
+
/**
|
|
22
|
+
* Gets cursor coordinates for positioning the suggestion dropdown
|
|
23
|
+
*/
|
|
24
|
+
export declare const getCursorCoordinates: () => {
|
|
25
|
+
x: number;
|
|
26
|
+
y: number;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* Inserts text at the current cursor position
|
|
30
|
+
*/
|
|
31
|
+
export declare const insertTextAtCursor: (text: string) => void;
|
package/dist/index.d.ts
CHANGED
|
@@ -78,6 +78,7 @@ export type { IConfirmationModalProps, } from "./components/feedback/confirmatio
|
|
|
78
78
|
export { CodeEditor } from "./components/data-display/code-editor/CodeEditor";
|
|
79
79
|
export type { CodeEditorProps } from "./types";
|
|
80
80
|
export { JsonGrid } from "./components/data-display/code-editor/JsonGrid";
|
|
81
|
+
export type { JsonGridProps } from "./components/data-display/code-editor/JsonGrid";
|
|
81
82
|
export { Tabs as CodeEditorTabs } from "./components/data-display/code-editor/Tabs";
|
|
82
83
|
export type { TabsProps as CodeEditorTabsProps } from "./components/data-display/code-editor/Tabs";
|
|
83
84
|
export { monacoManager } from "./services/monacoManager";
|
|
@@ -131,7 +132,7 @@ export type { TButtonThreeDotsProps, } from "./components/button/ButtonThreeDots
|
|
|
131
132
|
export { ButtonGroup } from "./components/button/ButtonGroup";
|
|
132
133
|
export type { ButtonGroupProps, } from "./components/button/ButtonGroup";
|
|
133
134
|
export { FloatingBar } from "./components/floating-bar/FloatingBar";
|
|
134
|
-
export type { FloatingBarProps, FloatingBarActionConfig, FloatingBarDeleteConfig, FloatingBarSize, FloatingBarPosition, FloatingBarTheme, } from "./components/floating-bar/FloatingBar";
|
|
135
|
+
export type { FloatingBarProps, FloatingBarActionConfig, FloatingBarDeleteConfig, FloatingBarSize, FloatingBarPosition, FloatingBarTheme, TFloatingBar, ButtonConfig, } from "./components/floating-bar/FloatingBar";
|
|
135
136
|
export { SearchBar } from "./components/forms/search-bar/SearchBar";
|
|
136
137
|
export type { TSearchBarProps, TSearchConfig } from "./components/forms/search-bar/SearchBar";
|
|
137
138
|
export { useOutsideClick } from "./hooks/useOutsideClick";
|
|
@@ -190,8 +191,8 @@ export { LottieAnimation } from "./components/data-display/lottie-animation/Lott
|
|
|
190
191
|
export type { LottieAnimationProps } from "./components/data-display/lottie-animation/LottieAnimation";
|
|
191
192
|
export { DataTypeIcon } from "./components/data-display/datatype-icon/DataTypeIcon";
|
|
192
193
|
export type { DataTypeIconProps } from "./components/data-display/datatype-icon/DataTypeIcon";
|
|
193
|
-
export { NoDataFound, PageNotFound, UserNotFound } from "./components/data-display/empty-state";
|
|
194
|
-
export type { NoDataFoundProps, PageNotFoundProps, UserNotFoundProps, } from "./components/data-display/empty-state";
|
|
194
|
+
export { NoDataFound, PageNotFound, UserNotFound, EmptyEvent, NoDataFoundWidgets, EmptyBarChartData, EmptyCardListChartData, EmptyContentChartData, EmptyCountWidgetData, EmptyDonutChartData, EmptyPieChatData, EmptyTableWidgetData, EmptyTimelineChartData, } from "./components/data-display/empty-state";
|
|
195
|
+
export type { NoDataFoundProps, PageNotFoundProps, UserNotFoundProps, EmptyEventProps, NoDataFoundWidgetsProps, } from "./components/data-display/empty-state";
|
|
195
196
|
export { ContextMenu } from "./components/data-display/context-menu/ContextMenu";
|
|
196
197
|
export type { ContextMenuProps, } from "./components/data-display/context-menu/ContextMenu";
|
|
197
198
|
export { PermissionWrapper } from "./components/data-display/permission-wrapper/PermissionWrapper";
|
|
@@ -200,3 +201,11 @@ export { JsonGridViewer, JsonGridViewerContextProvider, useJsonGridViewerContext
|
|
|
200
201
|
export type { JsonGridViewerProps, AddKeyModalProps, IJsonGridViewerContext, IJsonGridProps as JsonGridCoreProps, } from "./components/data-display/json-grid-viewer";
|
|
201
202
|
export { DataType as JsonGridDataType, DataTypeBadgeClass, DataTypeOptions as JsonGridDataTypeOptions, } from "./components/data-display/json-grid-viewer";
|
|
202
203
|
export { getDataType as jsonGridGetDataType, filterTopLevelPaths as jsonGridFilterTopLevelPaths, parseJson as jsonGridParseJson } from "./components/data-display/json-grid-viewer";
|
|
204
|
+
export { FieldOptions } from "./components/forms/field-options";
|
|
205
|
+
export type { FieldOptionsProps, TFieldOptionsProps } from "./components/forms/field-options";
|
|
206
|
+
export { LinearProgressBar, CircularProgressBar } from "./components/data-display/progress-bar";
|
|
207
|
+
export type { LinearProgressBarProps, CircularProgressBarProps } from "./components/data-display/progress-bar";
|
|
208
|
+
export { Comparison, ComparisonContext, ComparisonProvider, COMPARISON_LAYOUT, DEFAULT_COMPARISON_LAYOUTS, gridLayoutItems, filterVisibleItems, filteredOptions, getCurrentSelectValue, parseToIds as comparisonParseToIds, ExitIcon, LayoutOneIcon, LayoutTwoIcon, LayoutThreeIcon, } from "./components/data-display/comparison";
|
|
209
|
+
export type { ComparisonProps, TComparisonContext, ComparisonProviderProps, ILayoutItem, ExitIconProps, LayoutOneIconProps, LayoutTwoIconProps, LayoutThreeIconProps, } from "./components/data-display/comparison";
|
|
210
|
+
export { FormulaInput, convertToPills, convertFromPills, getCursorPosition, setCursorPosition, getTextBeforeCursor, getCursorCoordinates, insertTextAtCursor, } from "./components/forms/formula-input";
|
|
211
|
+
export type { FormulaInputProps } from "./components/forms/formula-input";
|