@veeqo/transfigure 0.0.8 → 0.0.9

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.
@@ -24,4 +24,4 @@ export declare const MUISlider: import('react').ComponentType<Pick<{
24
24
  valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
25
25
  } & import('../../../../../node_modules/@material-ui/core/OverridableComponent').CommonProps<import('../../../../../node_modules/@material-ui/core/Slider').SliderTypeMap<{}, "span">> & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import('react').HTMLAttributes<HTMLSpanElement>> & {
26
26
  ref?: ((instance: HTMLSpanElement | null) => void) | import('react').RefObject<HTMLSpanElement> | null | undefined;
27
- }, "slot" | "title" | "dir" | "id" | "children" | "ref" | "key" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, "slot" | "style" | "title" | "track" | "name" | "dir" | "value" | "id" | "children" | "ref" | "key" | "onChange" | "disabled" | "max" | "min" | "placeholder" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "scale" | "innerRef" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "orientation" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & import('@material-ui/styles').StyledComponentProps<"track" | "root" | "thumb" | "valueLabel" | "rail">>;
27
+ }, "slot" | "title" | "dir" | "onError" | "id" | "children" | "ref" | "key" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, "slot" | "style" | "title" | "track" | "name" | "dir" | "onError" | "value" | "id" | "children" | "ref" | "key" | "onChange" | "disabled" | "max" | "min" | "placeholder" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "scale" | "innerRef" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "orientation" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & import('@material-ui/styles').StyledComponentProps<"track" | "root" | "thumb" | "valueLabel" | "rail">>;
@@ -1 +1,5 @@
1
- export declare const TableControls: () => JSX.Element;
1
+ type Props = {
2
+ totalPagesCount: number;
3
+ };
4
+ export declare const TableControls: ({ totalPagesCount }: Props) => JSX.Element;
5
+ export {};
@@ -1 +1,5 @@
1
- export declare const ViewList: () => JSX.Element;
1
+ export type ViewListProps = {
2
+ viewTabSlotValueMap?: Map<string, string>;
3
+ isLoadingTableData: boolean;
4
+ };
5
+ export declare const ViewList: ({ viewTabSlotValueMap, isLoadingTableData }: ViewListProps) => JSX.Element;
@@ -1,6 +1,7 @@
1
1
  import { TransformedView } from 'src/types';
2
- type ViewTabProps = {
2
+ import { ViewListProps } from '../ViewList/ViewsList';
3
+ interface ViewTabProps extends ViewListProps {
3
4
  view: TransformedView;
4
- };
5
- export declare const ViewTab: ({ view: tab }: ViewTabProps) => JSX.Element;
5
+ }
6
+ export declare const ViewTab: ({ view: tab, viewTabSlotValueMap, isLoadingTableData }: ViewTabProps) => JSX.Element;
6
7
  export {};
@@ -1,3 +1,4 @@
1
+ import { SWRConfiguration } from '../../node_modules/swr/dist/index';
1
2
  export declare enum FilterChoiceValue {
2
3
  TEXT = "text",
3
4
  NUMBER = "number",
@@ -6,7 +7,4 @@ export declare enum FilterChoiceValue {
6
7
  DATE_RANGE = "date_range",
7
8
  NUMBER_RANGE = "number_range"
8
9
  }
9
- export declare const SWR_HOOK_OPTIONS: {
10
- revalidateOnFocus: boolean;
11
- revalidateOnReconnect: boolean;
12
- };
10
+ export declare const SWR_HOOK_OPTIONS: SWRConfiguration;
package/dist/index12.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),g=require("react"),h=require("./index7.cjs"),P=require("./index57.cjs"),d=l.observer(()=>{const{PAGE_SIZE_OPTIONS:a}=h.useBusinessLogic(),{Filters:{setCurrentPage:o,currentPage:i,pageSize:n,setPageSize:r}}=P.useStores(),c=e=>{o(e)},u=g.useCallback(e=>{n!==e&&r(e)},[n,r]);return t.jsxs(s.Stack,{direction:"horizontal",children:[t.jsx(s.Pagination,{currentPage:i,totalPagesCount:100,handleChangePage:c}),t.jsx(s.ActionMenu,{menuLabel:"items per page",ctaProps:{children:`${n} / page`,style:{marginLeft:s.theme.sizes.xs}},children:a.map(e=>t.jsxs(s.ActionMenu.Item,{onAction:()=>u(e),children:[e," / page"]},e))})]})});exports.TableControls=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),g=require("mobx-react"),s=require("@veeqo/ui"),h=require("react"),d=require("./index7.cjs"),P=require("./index57.cjs"),S=g.observer(({totalPagesCount:i})=>{const{PAGE_SIZE_OPTIONS:a}=d.useBusinessLogic(),{Filters:{setCurrentPage:c,currentPage:o,pageSize:r,setPageSize:t}}=P.useStores(),u=e=>{c(e)},l=h.useCallback(e=>{r!==e&&t(e)},[r,t]);return n.jsxs(s.Stack,{direction:"horizontal",children:[n.jsx(s.Pagination,{currentPage:o,totalPagesCount:i,handleChangePage:u}),n.jsx(s.ActionMenu,{menuLabel:"items per page",ctaProps:{children:`${r} / page`,style:{marginLeft:s.theme.sizes.xs}},children:a.map(e=>n.jsxs(s.ActionMenu.Item,{onAction:()=>l(e),children:[e," / page"]},e))})]})});exports.TableControls=S;
package/dist/index12.js CHANGED
@@ -1,38 +1,38 @@
1
1
  import { jsxs as n, jsx as a } from "react/jsx-runtime";
2
- import { observer as l } from "mobx-react";
3
- import { Stack as h, Pagination as u, ActionMenu as o, theme as p } from "@veeqo/ui";
4
- import { useCallback as P } from "react";
5
- import { useBusinessLogic as d } from "./index7.js";
6
- import { useStores as f } from "./index57.js";
7
- const L = l(() => {
8
- const { PAGE_SIZE_OPTIONS: s } = d(), {
9
- Filters: { setCurrentPage: i, currentPage: c, pageSize: t, setPageSize: r }
10
- } = f(), m = (e) => {
11
- i(e);
12
- }, g = P(
2
+ import { observer as h } from "mobx-react";
3
+ import { Stack as p, Pagination as u, ActionMenu as s, theme as P } from "@veeqo/ui";
4
+ import { useCallback as d } from "react";
5
+ import { useBusinessLogic as f } from "./index7.js";
6
+ import { useStores as S } from "./index57.js";
7
+ const L = h(({ totalPagesCount: o }) => {
8
+ const { PAGE_SIZE_OPTIONS: i } = f(), {
9
+ Filters: { setCurrentPage: m, currentPage: c, pageSize: r, setPageSize: t }
10
+ } = S(), g = (e) => {
11
+ m(e);
12
+ }, l = d(
13
13
  (e) => {
14
- t !== e && r(e);
14
+ r !== e && t(e);
15
15
  },
16
- [t, r]
16
+ [r, t]
17
17
  );
18
- return /* @__PURE__ */ n(h, { direction: "horizontal", children: [
18
+ return /* @__PURE__ */ n(p, { direction: "horizontal", children: [
19
19
  /* @__PURE__ */ a(
20
20
  u,
21
21
  {
22
22
  currentPage: c,
23
- totalPagesCount: 100,
24
- handleChangePage: m
23
+ totalPagesCount: o,
24
+ handleChangePage: g
25
25
  }
26
26
  ),
27
27
  /* @__PURE__ */ a(
28
- o,
28
+ s,
29
29
  {
30
30
  menuLabel: "items per page",
31
31
  ctaProps: {
32
- children: `${t} / page`,
33
- style: { marginLeft: p.sizes.xs }
32
+ children: `${r} / page`,
33
+ style: { marginLeft: P.sizes.xs }
34
34
  },
35
- children: s.map((e) => /* @__PURE__ */ n(o.Item, { onAction: () => g(e), children: [
35
+ children: i.map((e) => /* @__PURE__ */ n(s.Item, { onAction: () => l(e), children: [
36
36
  e,
37
37
  " / page"
38
38
  ] }, e))
package/dist/index33.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),q=require("@veeqo/ui"),U=require("mobx-react"),W=require("./index60.cjs"),Y=require("./index58.cjs"),z=require("./index37.cjs"),G=require("./index40.cjs"),J=require("./index52.cjs"),K=require("./index7.cjs"),Q=require("./index57.cjs"),X=require("./index79.cjs"),Z=U.observer(({view:e})=>{const{VIEW_TYPE:S,SEARCH_FILTER_ID:l}=K.useBusinessLogic(),{Filters:{activeViewId:u,initFiltersFromView:d,discardChanges:w,initFromUrl:f,filters:x,setFilter:y},Views:{draftViewsMap:F},Notifications:{notify:L}}=Q.useStores(),{viewsMap:m,defaultCustomViewId:T,isLoading:N}=Y.useViews(),{isLoading:j,isValidating:E}=W.useCustomViews({type:S}),[s,M]=r.useState(null),R=i=>{const C=x.get(l);if(m.has(i)){const n=m.get(i);n&&(d(n),w(!0),f())}else{const n=F.get(i);n?(d(n),w(!0),f()):L({type:"error",text:"Failed to load view"})}C&&y(l,C)},a=(e==null?void 0:e.id)===u,t=e.originalView!==void 0,V=e.originalView===void 0,P="100",c=(e==null?void 0:e.label)||"",A=N||E||j,g=r.useRef(!1);!A&&!g.current&&a&&e.id===T&&s&&(g.current=!0,s&&u===e.id&&window.requestAnimationFrame(()=>{var i;(i=s.parentElement)==null||i.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const h=r.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:B},menu:{toggleDropdown:p},delete:{closeDeleteConfirmation:I,handleDelete:_,handleDeleteDraftView:D}},state:{shouldShowDeleteConfirmation:k},actions:O,state:v}=J.useDropdownManager(e),H=r.useMemo(()=>{if(V)return p;if(t)return D},[D,t,V,p]);return o.jsxs(o.Fragment,{children:[o.jsx(q.ViewTab,{colourPalette:q.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:a,id:e==null?void 0:e.id,name:c,type:h,count:P,onClick:R,subAction:H,ariaContext:"orders",ref:M,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),o.jsx(X.Confirmation,{shouldShow:k,viewName:c,onCancel:I,onDelete:_}),o.jsx(z.PillNotifications,{tabType:h,isActive:a,initialViewName:c,shouldShowCreateViewNotification:t,handleSaveDraft:B}),o.jsx(G.ViewDropdowns,{referenceElement:s,tab:e,...O,...v})]})});exports.ViewTab=Z;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),u=require("@veeqo/ui"),Y=require("mobx-react"),z=require("./index60.cjs"),G=require("./index58.cjs"),J=require("./index37.cjs"),K=require("./index40.cjs"),Q=require("./index52.cjs"),X=require("./index7.cjs"),Z=require("./index57.cjs"),$=require("./index79.cjs"),b=Y.observer(({view:e,viewTabSlotValueMap:l,isLoadingTableData:L})=>{const{VIEW_TYPE:F,SEARCH_FILTER_ID:d}=X.useBusinessLogic(),{Filters:{activeViewId:f,initFiltersFromView:w,discardChanges:m,initFromUrl:h,filters:S,setFilter:j},Views:{draftViewsMap:N},Notifications:{notify:E}}=Z.useStores(),{viewsMap:g,defaultCustomViewId:R,isLoading:T}=G.useViews(),{isLoading:P,isValidating:k}=z.useCustomViews({type:F}),[s,A]=c.useState(null),B=o=>{const y=S.get(d);if(g.has(o)){const r=g.get(o);r&&(w(r),m(!0),h())}else{const r=N.get(o);r?(w(r),m(!0),h()):E({type:"error",text:"Failed to load view"})}y&&j(d,y)},n=(e==null?void 0:e.id)===f,t=e.originalView!==void 0,V=e.originalView===void 0,I=(l==null?void 0:l.get(e==null?void 0:e.id))||void 0,a=(e==null?void 0:e.label)||"",D=T||k||P||L,p=c.useRef(!1);!D&&!p.current&&n&&e.id===R&&s&&(p.current=!0,s&&f===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const C=c.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:M},menu:{toggleDropdown:q},delete:{closeDeleteConfirmation:_,handleDelete:O,handleDeleteDraftView:v}},state:{shouldShowDeleteConfirmation:H},actions:U,state:x}=Q.useDropdownManager(e),W=c.useMemo(()=>{if(V)return q;if(t)return v},[v,t,V,q]);return i.jsxs(i.Fragment,{children:[i.jsx(u.ViewTab,{colourPalette:u.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:n,id:e==null?void 0:e.id,name:a,type:C,count:D?i.jsx(u.Loader,{type:"ThreeDots",width:12,height:12,color:n?"#fff":u.theme.colors.neutral.ink.dark}):I,onClick:B,subAction:W,ariaContext:"orders",ref:A,"aria-controls":"options-dropdown","aria-expanded":x.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx($.Confirmation,{shouldShow:H,viewName:a,onCancel:_,onDelete:O}),i.jsx(J.PillNotifications,{tabType:C,isActive:n,initialViewName:a,shouldShowCreateViewNotification:t,handleSaveDraft:M}),i.jsx(K.ViewDropdowns,{referenceElement:s,tab:e,...U,...x})]})});exports.ViewTab=b;
package/dist/index33.js CHANGED
@@ -1,97 +1,105 @@
1
- import { jsxs as O, Fragment as U, jsx as s } from "react/jsx-runtime";
2
- import { useState as W, useRef as Y, useMemo as C } from "react";
3
- import { ViewTab as $, theme as z } from "@veeqo/ui";
4
- import { observer as G } from "mobx-react";
5
- import { useCustomViews as J } from "./index60.js";
6
- import { useViews as K } from "./index58.js";
7
- import { PillNotifications as Q } from "./index37.js";
8
- import { ViewDropdowns as X } from "./index40.js";
9
- import { useDropdownManager as Z } from "./index52.js";
10
- import { useBusinessLogic as b } from "./index7.js";
11
- import { useStores as ee } from "./index57.js";
12
- import { Confirmation as ie } from "./index79.js";
13
- const we = G(({ view: e }) => {
14
- const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = b(), {
15
- Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: L },
1
+ import { jsxs as $, Fragment as z, jsx as s } from "react/jsx-runtime";
2
+ import { useState as G, useRef as J, useMemo as L } from "react";
3
+ import { ViewTab as K, theme as y, Loader as M } from "@veeqo/ui";
4
+ import { observer as Q } from "mobx-react";
5
+ import { useCustomViews as X } from "./index60.js";
6
+ import { useViews as Z } from "./index58.js";
7
+ import { PillNotifications as b } from "./index37.js";
8
+ import { ViewDropdowns as ee } from "./index40.js";
9
+ import { useDropdownManager as ie } from "./index52.js";
10
+ import { useBusinessLogic as oe } from "./index7.js";
11
+ import { useStores as re } from "./index57.js";
12
+ import { Confirmation as te } from "./index79.js";
13
+ const ge = Q(({ view: e, viewTabSlotValueMap: l, isLoadingTableData: x }) => {
14
+ const { VIEW_TYPE: E, SEARCH_FILTER_ID: d } = oe(), {
15
+ Filters: { activeViewId: a, initFiltersFromView: f, discardChanges: m, initFromUrl: u, filters: N, setFilter: S },
16
16
  Views: { draftViewsMap: T },
17
- Notifications: { notify: x }
18
- } = ee(), { viewsMap: u, defaultCustomViewId: y, isLoading: E } = K(), { isLoading: N, isValidating: A } = J({ type: S }), [o, M] = W(null), R = (i) => {
19
- const v = F.get(l);
20
- if (u.has(i)) {
21
- const r = u.get(i);
22
- r && (d(r), f(!0), m());
17
+ Notifications: { notify: k }
18
+ } = re(), { viewsMap: w, defaultCustomViewId: A, isLoading: R } = Z(), { isLoading: I, isValidating: P } = X({ type: E }), [o, _] = G(null), j = (i) => {
19
+ const F = N.get(d);
20
+ if (w.has(i)) {
21
+ const t = w.get(i);
22
+ t && (f(t), m(!0), u());
23
23
  } else {
24
- const r = T.get(i);
25
- r ? (d(r), f(!0), m()) : x({
24
+ const t = T.get(i);
25
+ t ? (f(t), m(!0), u()) : k({
26
26
  type: "error",
27
27
  text: "Failed to load view"
28
28
  });
29
29
  }
30
- v && L(l, v);
31
- }, n = (e == null ? void 0 : e.id) === c, t = e.originalView !== void 0, w = e.originalView === void 0, I = "100", a = (e == null ? void 0 : e.label) || "", P = E || A || N, p = Y(!1);
32
- !P && !p.current && n && e.id === y && o && (p.current = !0, o && c === e.id && window.requestAnimationFrame(() => {
30
+ F && S(d, F);
31
+ }, n = (e == null ? void 0 : e.id) === a, r = e.originalView !== void 0, p = e.originalView === void 0, B = (l == null ? void 0 : l.get(e == null ? void 0 : e.id)) || void 0, c = (e == null ? void 0 : e.label) || "", h = R || P || I || x, g = J(!1);
32
+ !h && !g.current && n && e.id === A && o && (g.current = !0, o && a === e.id && window.requestAnimationFrame(() => {
33
33
  var i;
34
34
  (i = o.parentElement) == null || i.scrollBy({
35
35
  behavior: "smooth",
36
36
  left: o.offsetLeft
37
37
  });
38
38
  }));
39
- const V = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
39
+ const V = L(() => r ? "draft" : e.editable ? "saved" : "fixed", [r, e.editable]), {
40
40
  actions: {
41
- create: { handleSaveDraft: _ },
42
- menu: { toggleDropdown: h },
43
- delete: { closeDeleteConfirmation: j, handleDelete: k, handleDeleteDraftView: g }
41
+ create: { handleSaveDraft: q },
42
+ menu: { toggleDropdown: D },
43
+ delete: { closeDeleteConfirmation: H, handleDelete: O, handleDeleteDraftView: C }
44
44
  },
45
- state: { shouldShowDeleteConfirmation: B },
46
- actions: q,
47
- state: D
48
- } = Z(e), H = C(() => {
49
- if (w) return h;
50
- if (t) return g;
51
- }, [g, t, w, h]);
52
- return /* @__PURE__ */ O(U, { children: [
45
+ state: { shouldShowDeleteConfirmation: U },
46
+ actions: W,
47
+ state: v
48
+ } = ie(e), Y = L(() => {
49
+ if (p) return D;
50
+ if (r) return C;
51
+ }, [C, r, p, D]);
52
+ return /* @__PURE__ */ $(z, { children: [
53
53
  /* @__PURE__ */ s(
54
- $,
54
+ K,
55
55
  {
56
- colourPalette: z.colors.secondary.blue,
56
+ colourPalette: y.colors.secondary.blue,
57
57
  className: "act-react-listing-custom-view",
58
58
  active: n,
59
59
  id: e == null ? void 0 : e.id,
60
- name: a,
60
+ name: c,
61
61
  type: V,
62
- count: I,
63
- onClick: R,
64
- subAction: H,
62
+ count: h ? /* @__PURE__ */ s(
63
+ M,
64
+ {
65
+ type: "ThreeDots",
66
+ width: 12,
67
+ height: 12,
68
+ color: n ? "#fff" : y.colors.neutral.ink.dark
69
+ }
70
+ ) : B,
71
+ onClick: j,
72
+ subAction: Y,
65
73
  ariaContext: "orders",
66
- ref: M,
74
+ ref: _,
67
75
  "aria-controls": "options-dropdown",
68
- "aria-expanded": D.shouldShowDropdown,
76
+ "aria-expanded": v.shouldShowDropdown,
69
77
  "aria-haspopup": "dialog"
70
78
  },
71
79
  e == null ? void 0 : e.id
72
80
  ),
73
81
  /* @__PURE__ */ s(
74
- ie,
82
+ te,
75
83
  {
76
- shouldShow: B,
77
- viewName: a,
78
- onCancel: j,
79
- onDelete: k
84
+ shouldShow: U,
85
+ viewName: c,
86
+ onCancel: H,
87
+ onDelete: O
80
88
  }
81
89
  ),
82
90
  /* @__PURE__ */ s(
83
- Q,
91
+ b,
84
92
  {
85
93
  tabType: V,
86
94
  isActive: n,
87
- initialViewName: a,
88
- shouldShowCreateViewNotification: t,
89
- handleSaveDraft: _
95
+ initialViewName: c,
96
+ shouldShowCreateViewNotification: r,
97
+ handleSaveDraft: q
90
98
  }
91
99
  ),
92
- /* @__PURE__ */ s(X, { referenceElement: o, tab: e, ...q, ...D })
100
+ /* @__PURE__ */ s(ee, { referenceElement: o, tab: e, ...W, ...v })
93
101
  ] });
94
102
  });
95
103
  export {
96
- we as ViewTab
104
+ ge as ViewTab
97
105
  };
package/dist/index36.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index81.cjs"),g=require("./index48.cjs"),j=require("./index47.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index80.cjs"),g=require("./index48.cjs"),j=require("./index47.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;
package/dist/index36.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
2
- import { MenuItems as M, Item as l, Divider as h } from "./index81.js";
2
+ import { MenuItems as M, Item as l, Divider as h } from "./index80.js";
3
3
  import { useModal as k } from "./index48.js";
4
4
  import { ModalId as T } from "./index47.js";
5
5
  const N = ({
package/dist/index37.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index80.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index81.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;
package/dist/index37.js CHANGED
@@ -2,7 +2,7 @@ import { jsxs as u, Fragment as p, jsx as i } from "react/jsx-runtime";
2
2
  import { CSSTransition as a } from "react-transition-group";
3
3
  import { observer as h } from "mobx-react";
4
4
  import { useViews as v } from "./index58.js";
5
- import { InfoPill as w } from "./index80.js";
5
+ import { InfoPill as w } from "./index81.js";
6
6
  import { UnsavedChangesPill as x } from "./index39.js";
7
7
  import { useStores as g } from "./index57.js";
8
8
  const F = h(
package/dist/index41.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),V=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index84.cjs"),j=require("./index38.cjs"),m=require("./index58.cjs"),S=require("./index59.cjs"),q=require("./index34.cjs"),u=require("./index33.cjs"),p=require("./index57.cjs"),a=require("./index10.cjs"),b=V.observer(()=>{const{Views:{draftViewsList:c}}=p.useStores(),{viewsArray:l,fixedViews:d}=m.useViews(),[o,i]=n.useState(!1),[w,x]=n.useState(null),h=()=>i(!1);return S.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:o,ref:x,children:[l.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id)),c.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id))]}),o&&e.jsx(s.Popover,{id:"views-menu",anchorElement:w,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(t.FixedViews,{children:d.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(j.SortableViews,{}),e.jsx(t.Divider,{}),e.jsx(q.CreateView,{hideActionsPopover:h})]})})]})});exports.ViewList=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),m=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index84.cjs"),q=require("./index38.cjs"),S=require("./index58.cjs"),f=require("./index59.cjs"),p=require("./index34.cjs"),l=require("./index33.cjs"),C=require("./index57.cjs"),a=require("./index10.cjs"),b=m.observer(({viewTabSlotValueMap:n,isLoadingTableData:o})=>{const{Views:{draftViewsList:d}}=C.useStores(),{viewsArray:w,fixedViews:x}=S.useViews(),[t,i]=u.useState(!1),[h,V]=u.useState(null),j=()=>i(!1);return f.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:t,ref:V,children:[w.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(l.ViewTab,{view:r,viewTabSlotValueMap:n,isLoadingTableData:o})},r.id)),d.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(l.ViewTab,{view:r,viewTabSlotValueMap:n,isLoadingTableData:o})},r.id))]}),t&&e.jsx(s.Popover,{id:"views-menu",anchorElement:h,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(c.FixedViews,{children:x.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(q.SortableViews,{}),e.jsx(c.Divider,{}),e.jsx(p.CreateView,{hideActionsPopover:j})]})})]})});exports.ViewList=b;
package/dist/index41.js CHANGED
@@ -1,50 +1,50 @@
1
- import { jsxs as i, Fragment as u, jsx as e } from "react/jsx-runtime";
2
- import { useState as n } from "react";
3
- import { observer as h } from "mobx-react";
4
- import { ViewsContainer as w, Popover as V, Card as v, Text as S } from "@veeqo/ui";
5
- import { FixedViews as x, Divider as C } from "./index84.js";
6
- import { SortableViews as b } from "./index38.js";
7
- import { useViews as A } from "./index58.js";
8
- import { useViewUrlChange as L } from "./index59.js";
9
- import { CreateView as M } from "./index34.js";
10
- import { ViewTab as s } from "./index33.js";
11
- import { useStores as T } from "./index57.js";
12
- import { ErrorBoundary as m } from "./index10.js";
13
- const z = h(() => {
1
+ import { jsxs as i, Fragment as w, jsx as e } from "react/jsx-runtime";
2
+ import { useState as m } from "react";
3
+ import { observer as V } from "mobx-react";
4
+ import { ViewsContainer as v, Popover as x, Card as C, Text as S } from "@veeqo/ui";
5
+ import { FixedViews as A, Divider as E } from "./index84.js";
6
+ import { SortableViews as L } from "./index38.js";
7
+ import { useViews as M } from "./index58.js";
8
+ import { useViewUrlChange as b } from "./index59.js";
9
+ import { CreateView as j } from "./index34.js";
10
+ import { ViewTab as l } from "./index33.js";
11
+ import { useStores as y } from "./index57.js";
12
+ import { ErrorBoundary as d } from "./index10.js";
13
+ const H = V(({ viewTabSlotValueMap: t, isLoadingTableData: n }) => {
14
14
  const {
15
- Views: { draftViewsList: l }
16
- } = T(), { viewsArray: a, fixedViews: d } = A(), [t, o] = n(!1), [p, c] = n(null), f = () => o(!1);
17
- return L(), /* @__PURE__ */ i(u, { children: [
15
+ Views: { draftViewsList: c }
16
+ } = y(), { viewsArray: p, fixedViews: a } = M(), [s, o] = m(!1), [f, u] = m(null), h = () => o(!1);
17
+ return b(), /* @__PURE__ */ i(w, { children: [
18
18
  /* @__PURE__ */ i(
19
- w,
19
+ v,
20
20
  {
21
21
  onClickMenu: () => o(!0),
22
22
  ariaMenuControls: "views-menu",
23
- ariaMenuExpanded: t,
24
- ref: c,
23
+ ariaMenuExpanded: s,
24
+ ref: u,
25
25
  children: [
26
- a.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id)),
27
- l.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id))
26
+ p.map((r) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { view: r, viewTabSlotValueMap: t, isLoadingTableData: n }) }, r.id)),
27
+ c.map((r) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { view: r, viewTabSlotValueMap: t, isLoadingTableData: n }) }, r.id))
28
28
  ]
29
29
  }
30
30
  ),
31
- t && /* @__PURE__ */ e(
32
- V,
31
+ s && /* @__PURE__ */ e(
32
+ x,
33
33
  {
34
34
  id: "views-menu",
35
- anchorElement: p,
35
+ anchorElement: f,
36
36
  placement: "bottom",
37
37
  onShouldClose: () => o(!1),
38
- children: /* @__PURE__ */ i(v.Surface, { children: [
39
- /* @__PURE__ */ e(x, { children: d.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
40
- /* @__PURE__ */ e(b, {}),
41
- /* @__PURE__ */ e(C, {}),
42
- /* @__PURE__ */ e(M, { hideActionsPopover: f })
38
+ children: /* @__PURE__ */ i(C.Surface, { children: [
39
+ /* @__PURE__ */ e(A, { children: a.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
40
+ /* @__PURE__ */ e(L, {}),
41
+ /* @__PURE__ */ e(E, {}),
42
+ /* @__PURE__ */ e(j, { hideActionsPopover: h })
43
43
  ] })
44
44
  }
45
45
  )
46
46
  ] });
47
47
  });
48
48
  export {
49
- z as ViewList
49
+ H as ViewList
50
50
  };
package/dist/index45.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(O=>(O.TEXT="text",O.NUMBER="number",O.CHECKBOX="checkbox",O.RADIO="radio",O.DATE_RANGE="date_range",O.NUMBER_RANGE="number_range",O))(n||{});const e={revalidateOnFocus:!1,revalidateOnReconnect:!1};exports.FilterChoiceValue=n;exports.SWR_HOOK_OPTIONS=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(a||{});const n={revalidateOnFocus:!1,revalidateOnReconnect:!1,revalidateOnMount:!1,revalidateIfStale:!1};exports.FilterChoiceValue=a;exports.SWR_HOOK_OPTIONS=n;
package/dist/index45.js CHANGED
@@ -1,9 +1,11 @@
1
- var O = /* @__PURE__ */ ((n) => (n.TEXT = "text", n.NUMBER = "number", n.CHECKBOX = "checkbox", n.RADIO = "radio", n.DATE_RANGE = "date_range", n.NUMBER_RANGE = "number_range", n))(O || {});
2
- const E = {
1
+ var n = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.NUMBER = "number", a.CHECKBOX = "checkbox", a.RADIO = "radio", a.DATE_RANGE = "date_range", a.NUMBER_RANGE = "number_range", a))(n || {});
2
+ const e = {
3
3
  revalidateOnFocus: !1,
4
- revalidateOnReconnect: !1
4
+ revalidateOnReconnect: !1,
5
+ revalidateOnMount: !1,
6
+ revalidateIfStale: !1
5
7
  };
6
8
  export {
7
- O as FilterChoiceValue,
8
- E as SWR_HOOK_OPTIONS
9
+ n as FilterChoiceValue,
10
+ e as SWR_HOOK_OPTIONS
9
11
  };
package/dist/index80.cjs CHANGED
@@ -1 +1,19 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),t=require("./index95.cjs"),a=i.theme.colors.secondary.blue.base,o=({mainEntityLabelPlural:r="",onClick:n})=>e.jsx(t.Notification,{className:"act-react-listing-custom-notification-new-draft",children:e.jsx(t.Pill,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(t.Glyph,{name:"info",color:a}),e.jsxs(t.Wrap,{children:[e.jsx(t.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(t.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(t.Hint,{variant:"hintText",children:`Apply filters and create a custom view of your ${r.toLowerCase()}`})]}),e.jsx(t.Button,{className:"act-react-listing-custom-notification-save-draft-btn",variant:"primary",onClick:n,size:"sm",children:"Create view"})]})})});exports.InfoPill=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
2
+ margin: ${e.theme.sizes.xs};
3
+ min-width: 180px;
4
+ justify-content: flex-start;
5
+ font-size: ${e.theme.text.body.fontSize};
6
+
7
+ &:hover {
8
+ background-color: ${e.theme.colors.neutral.grey.lightest};
9
+ color: ${e.theme.colors.secondary.blue.base};
10
+ cursor: pointer;
11
+ }
12
+ `,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
13
+ margin-top: ${e.theme.sizes.xs};
14
+ background-color: white;
15
+ `,l=o.default.hr`
16
+ width: 100%;
17
+ border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
18
+ margin: 0;
19
+ `;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
package/dist/index80.js CHANGED
@@ -1,24 +1,26 @@
1
- import { jsx as t, jsxs as i } from "react/jsx-runtime";
2
- import { Stack as e, theme as o } from "@veeqo/ui";
3
- import { Notification as n, Pill as c, Glyph as l, Wrap as s, Text as d, Bold as m, Hint as f, Button as h } from "./index95.js";
4
- const p = o.colors.secondary.blue.base, x = ({ mainEntityLabelPlural: r = "", onClick: a }) => /* @__PURE__ */ t(n, { className: "act-react-listing-custom-notification-new-draft", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ i(e, { direction: "horizontal", alignY: "center", children: [
5
- /* @__PURE__ */ t(l, { name: "info", color: p }),
6
- /* @__PURE__ */ i(s, { children: [
7
- /* @__PURE__ */ t(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
8
- /* @__PURE__ */ t(m, { variant: "bodyBoldDark", children: "draft view" }),
9
- /* @__PURE__ */ t(f, { variant: "hintText", children: `Apply filters and create a custom view of your ${r.toLowerCase()}` })
10
- ] }),
11
- /* @__PURE__ */ t(
12
- h,
13
- {
14
- className: "act-react-listing-custom-notification-save-draft-btn",
15
- variant: "primary",
16
- onClick: a,
17
- size: "sm",
18
- children: "Create view"
19
- }
20
- )
21
- ] }) }) });
1
+ import t from "styled-components";
2
+ import { theme as o, Card as r, Button as e } from "@veeqo/ui";
3
+ const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
4
+ margin: ${o.sizes.xs};
5
+ min-width: 180px;
6
+ justify-content: flex-start;
7
+ font-size: ${o.text.body.fontSize};
8
+
9
+ &:hover {
10
+ background-color: ${o.colors.neutral.grey.lightest};
11
+ color: ${o.colors.secondary.blue.base};
12
+ cursor: pointer;
13
+ }
14
+ `, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
15
+ margin-top: ${o.sizes.xs};
16
+ background-color: white;
17
+ `, l = t.hr`
18
+ width: 100%;
19
+ border-top: 1px solid ${o.colors.neutral.grey.dark};
20
+ margin: 0;
21
+ `;
22
22
  export {
23
- x as InfoPill
23
+ l as Divider,
24
+ n as Item,
25
+ a as MenuItems
24
26
  };
package/dist/index81.cjs CHANGED
@@ -1,19 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
2
- margin: ${e.theme.sizes.xs};
3
- min-width: 180px;
4
- justify-content: flex-start;
5
- font-size: ${e.theme.text.body.fontSize};
6
-
7
- &:hover {
8
- background-color: ${e.theme.colors.neutral.grey.lightest};
9
- color: ${e.theme.colors.secondary.blue.base};
10
- cursor: pointer;
11
- }
12
- `,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
13
- margin-top: ${e.theme.sizes.xs};
14
- background-color: white;
15
- `,l=o.default.hr`
16
- width: 100%;
17
- border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
18
- margin: 0;
19
- `;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),t=require("./index94.cjs"),a=i.theme.colors.secondary.blue.base,o=({mainEntityLabelPlural:r="",onClick:n})=>e.jsx(t.Notification,{className:"act-react-listing-custom-notification-new-draft",children:e.jsx(t.Pill,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(t.Glyph,{name:"info",color:a}),e.jsxs(t.Wrap,{children:[e.jsx(t.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(t.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(t.Hint,{variant:"hintText",children:`Apply filters and create a custom view of your ${r.toLowerCase()}`})]}),e.jsx(t.Button,{className:"act-react-listing-custom-notification-save-draft-btn",variant:"primary",onClick:n,size:"sm",children:"Create view"})]})})});exports.InfoPill=o;
package/dist/index81.js CHANGED
@@ -1,26 +1,24 @@
1
- import t from "styled-components";
2
- import { theme as o, Card as r, Button as e } from "@veeqo/ui";
3
- const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
4
- margin: ${o.sizes.xs};
5
- min-width: 180px;
6
- justify-content: flex-start;
7
- font-size: ${o.text.body.fontSize};
8
-
9
- &:hover {
10
- background-color: ${o.colors.neutral.grey.lightest};
11
- color: ${o.colors.secondary.blue.base};
12
- cursor: pointer;
13
- }
14
- `, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
15
- margin-top: ${o.sizes.xs};
16
- background-color: white;
17
- `, l = t.hr`
18
- width: 100%;
19
- border-top: 1px solid ${o.colors.neutral.grey.dark};
20
- margin: 0;
21
- `;
1
+ import { jsx as t, jsxs as i } from "react/jsx-runtime";
2
+ import { Stack as e, theme as o } from "@veeqo/ui";
3
+ import { Notification as n, Pill as c, Glyph as l, Wrap as s, Text as d, Bold as m, Hint as f, Button as h } from "./index94.js";
4
+ const p = o.colors.secondary.blue.base, x = ({ mainEntityLabelPlural: r = "", onClick: a }) => /* @__PURE__ */ t(n, { className: "act-react-listing-custom-notification-new-draft", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ i(e, { direction: "horizontal", alignY: "center", children: [
5
+ /* @__PURE__ */ t(l, { name: "info", color: p }),
6
+ /* @__PURE__ */ i(s, { children: [
7
+ /* @__PURE__ */ t(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
8
+ /* @__PURE__ */ t(m, { variant: "bodyBoldDark", children: "draft view" }),
9
+ /* @__PURE__ */ t(f, { variant: "hintText", children: `Apply filters and create a custom view of your ${r.toLowerCase()}` })
10
+ ] }),
11
+ /* @__PURE__ */ t(
12
+ h,
13
+ {
14
+ className: "act-react-listing-custom-notification-save-draft-btn",
15
+ variant: "primary",
16
+ onClick: a,
17
+ size: "sm",
18
+ children: "Create view"
19
+ }
20
+ )
21
+ ] }) }) });
22
22
  export {
23
- l as Divider,
24
- n as Item,
25
- a as MenuItems
23
+ x as InfoPill
26
24
  };
package/dist/index83.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index94.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index95.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;
package/dist/index83.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { StyledSortableViews as i } from "./index94.js";
2
+ import { StyledSortableViews as i } from "./index95.js";
3
3
  const h = (e) => /* @__PURE__ */ o(
4
4
  i,
5
5
  {
package/dist/index94.cjs CHANGED
@@ -1,13 +1,80 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
2
- .rst__rowTitle {
3
- span {
4
- white-space: nowrap;
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- }
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),a=require("@veeqo/components"),r=e=>e&&e.__esModule?e:{default:e},o=r(i),{Glyph:l}=a.VeeqoCommon,s=o.default(t.BaseContainer)`
2
+ display: flex;
3
+ position: fixed;
4
+ width: 100vw;
5
+ left: 0;
6
+ bottom: 24px;
7
+ z-index: 18;
8
+
9
+ &.notification-enter {
10
+ opacity: 0;
11
+ transform: translateY(-16px);
12
+ }
13
+
14
+ &.notification-enter-active {
15
+ opacity: 1;
16
+ transform: translateY(0);
17
+ transition: 350ms ease;
18
+ }
19
+
20
+ &.notification-exit {
21
+ opacity: 0;
22
+ transform: translateY(16px);
23
+ transition: 350ms ease;
24
+ }
25
+ pointer-events: none;
26
+ `;o.default(t.BaseContainer)`
27
+ display: inline-flex;
28
+ flex-direction: row;
29
+ align-items: center;
30
+ padding: 20px 24px 24px 24px;
31
+ border-radius: 4px;
32
+ margin: 0 auto;
33
+ background-color: #fff;
34
+ box-shadow: ${t.theme.shadows.lg};
35
+ pointer-events: all;
36
+ `;const d=o.default(t.Banner)`
37
+ display: inline-flex;
38
+ flex-direction: row;
39
+ align-items: center;
40
+ margin: 0 auto;
41
+ background-color: #fff;
42
+ box-shadow: ${t.theme.shadows.lg};
43
+ pointer-events: all;
44
+ `,c=o.default(t.Button)`
45
+ margin-right: 16px;
46
+ `,f=o.default(t.Text)`
47
+ line-height: 20px;
48
+ `,n=o.default(t.Text)`
49
+ margin: ${e=>e.margin?e.margin:""};
50
+ color: ${e=>e.color};
51
+ `,p=o.default(t.Text)`
52
+ margin-right: 8px;
53
+ color: ${e=>e.color};
54
+ `,u=o.default(l)``,x=o.default(t.BaseContainer)`
55
+ display: flex;
56
+ flex-direction: row;
57
+ align-items: flex-end;
58
+ flex-grow: 2;
59
+ margin-left: 24px;
60
+ margin-right: 24px;
61
+ `;o.default(t.AnimatedDropdown)``;o.default.button`
62
+ display: flex;
63
+ flex-direction: row;
64
+ width: 100%;
65
+ padding: 12px 16px;
66
+ cursor: pointer;
67
+
68
+ & > ${n} {
69
+ white-space: nowrap;
70
+ user-select: none;
71
+ }
72
+
73
+ &:hover {
74
+ background-color: ${t.theme.colors.neutral.grey.lightest};
8
75
  }
9
76
 
10
- .rst__rowTitle > div:first-child {
11
- gap: ${o.theme.sizes.sm};
77
+ &:hover > ${n} {
78
+ color: ${t.theme.colors.secondary.blue.base};
12
79
  }
13
- `;exports.StyledSortableViews=n;
80
+ `;exports.Bold=p;exports.Button=c;exports.Glyph=u;exports.Hint=f;exports.Notification=s;exports.Pill=d;exports.Text=n;exports.Wrap=x;
package/dist/index94.js CHANGED
@@ -1,19 +1,97 @@
1
- import { VeeqoUI as e } from "@veeqo/components";
2
- import { theme as o } from "@veeqo/ui";
3
- import t from "styled-components";
4
- const { SortableViews: r } = e, p = t(r)`
5
- .rst__rowTitle {
6
- span {
7
- white-space: nowrap;
8
- overflow: hidden;
9
- text-overflow: ellipsis;
10
- }
1
+ import o from "styled-components";
2
+ import { BaseContainer as e, theme as n, Banner as a, Text as i, Button as l, AnimatedDropdown as s } from "@veeqo/ui";
3
+ import { VeeqoCommon as c } from "@veeqo/components";
4
+ const { Glyph: p } = c, m = o(e)`
5
+ display: flex;
6
+ position: fixed;
7
+ width: 100vw;
8
+ left: 0;
9
+ bottom: 24px;
10
+ z-index: 18;
11
+
12
+ &.notification-enter {
13
+ opacity: 0;
14
+ transform: translateY(-16px);
15
+ }
16
+
17
+ &.notification-enter-active {
18
+ opacity: 1;
19
+ transform: translateY(0);
20
+ transition: 350ms ease;
21
+ }
22
+
23
+ &.notification-exit {
24
+ opacity: 0;
25
+ transform: translateY(16px);
26
+ transition: 350ms ease;
27
+ }
28
+ pointer-events: none;
29
+ `;
30
+ o(e)`
31
+ display: inline-flex;
32
+ flex-direction: row;
33
+ align-items: center;
34
+ padding: 20px 24px 24px 24px;
35
+ border-radius: 4px;
36
+ margin: 0 auto;
37
+ background-color: #fff;
38
+ box-shadow: ${n.shadows.lg};
39
+ pointer-events: all;
40
+ `;
41
+ const g = o(a)`
42
+ display: inline-flex;
43
+ flex-direction: row;
44
+ align-items: center;
45
+ margin: 0 auto;
46
+ background-color: #fff;
47
+ box-shadow: ${n.shadows.lg};
48
+ pointer-events: all;
49
+ `, h = o(l)`
50
+ margin-right: 16px;
51
+ `, w = o(i)`
52
+ line-height: 20px;
53
+ `, r = o(i)`
54
+ margin: ${(t) => t.margin ? t.margin : ""};
55
+ color: ${(t) => t.color};
56
+ `, u = o(i)`
57
+ margin-right: 8px;
58
+ color: ${(t) => t.color};
59
+ `, y = o(p)``, $ = o(e)`
60
+ display: flex;
61
+ flex-direction: row;
62
+ align-items: flex-end;
63
+ flex-grow: 2;
64
+ margin-left: 24px;
65
+ margin-right: 24px;
66
+ `;
67
+ o(s)``;
68
+ o.button`
69
+ display: flex;
70
+ flex-direction: row;
71
+ width: 100%;
72
+ padding: 12px 16px;
73
+ cursor: pointer;
74
+
75
+ & > ${r} {
76
+ white-space: nowrap;
77
+ user-select: none;
78
+ }
79
+
80
+ &:hover {
81
+ background-color: ${n.colors.neutral.grey.lightest};
11
82
  }
12
83
 
13
- .rst__rowTitle > div:first-child {
14
- gap: ${o.sizes.sm};
84
+ &:hover > ${r} {
85
+ color: ${n.colors.secondary.blue.base};
15
86
  }
16
87
  `;
17
88
  export {
18
- p as StyledSortableViews
89
+ u as Bold,
90
+ h as Button,
91
+ y as Glyph,
92
+ w as Hint,
93
+ m as Notification,
94
+ g as Pill,
95
+ r as Text,
96
+ $ as Wrap
19
97
  };
package/dist/index95.cjs CHANGED
@@ -1,80 +1,13 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),a=require("@veeqo/components"),r=e=>e&&e.__esModule?e:{default:e},o=r(i),{Glyph:l}=a.VeeqoCommon,s=o.default(t.BaseContainer)`
2
- display: flex;
3
- position: fixed;
4
- width: 100vw;
5
- left: 0;
6
- bottom: 24px;
7
- z-index: 18;
8
-
9
- &.notification-enter {
10
- opacity: 0;
11
- transform: translateY(-16px);
12
- }
13
-
14
- &.notification-enter-active {
15
- opacity: 1;
16
- transform: translateY(0);
17
- transition: 350ms ease;
18
- }
19
-
20
- &.notification-exit {
21
- opacity: 0;
22
- transform: translateY(16px);
23
- transition: 350ms ease;
24
- }
25
- pointer-events: none;
26
- `;o.default(t.BaseContainer)`
27
- display: inline-flex;
28
- flex-direction: row;
29
- align-items: center;
30
- padding: 20px 24px 24px 24px;
31
- border-radius: 4px;
32
- margin: 0 auto;
33
- background-color: #fff;
34
- box-shadow: ${t.theme.shadows.lg};
35
- pointer-events: all;
36
- `;const d=o.default(t.Banner)`
37
- display: inline-flex;
38
- flex-direction: row;
39
- align-items: center;
40
- margin: 0 auto;
41
- background-color: #fff;
42
- box-shadow: ${t.theme.shadows.lg};
43
- pointer-events: all;
44
- `,c=o.default(t.Button)`
45
- margin-right: 16px;
46
- `,f=o.default(t.Text)`
47
- line-height: 20px;
48
- `,n=o.default(t.Text)`
49
- margin: ${e=>e.margin?e.margin:""};
50
- color: ${e=>e.color};
51
- `,p=o.default(t.Text)`
52
- margin-right: 8px;
53
- color: ${e=>e.color};
54
- `,u=o.default(l)``,x=o.default(t.BaseContainer)`
55
- display: flex;
56
- flex-direction: row;
57
- align-items: flex-end;
58
- flex-grow: 2;
59
- margin-left: 24px;
60
- margin-right: 24px;
61
- `;o.default(t.AnimatedDropdown)``;o.default.button`
62
- display: flex;
63
- flex-direction: row;
64
- width: 100%;
65
- padding: 12px 16px;
66
- cursor: pointer;
67
-
68
- & > ${n} {
69
- white-space: nowrap;
70
- user-select: none;
71
- }
72
-
73
- &:hover {
74
- background-color: ${t.theme.colors.neutral.grey.lightest};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
2
+ .rst__rowTitle {
3
+ span {
4
+ white-space: nowrap;
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ }
75
8
  }
76
9
 
77
- &:hover > ${n} {
78
- color: ${t.theme.colors.secondary.blue.base};
10
+ .rst__rowTitle > div:first-child {
11
+ gap: ${o.theme.sizes.sm};
79
12
  }
80
- `;exports.Bold=p;exports.Button=c;exports.Glyph=u;exports.Hint=f;exports.Notification=s;exports.Pill=d;exports.Text=n;exports.Wrap=x;
13
+ `;exports.StyledSortableViews=n;
package/dist/index95.js CHANGED
@@ -1,97 +1,19 @@
1
- import o from "styled-components";
2
- import { BaseContainer as e, theme as n, Banner as a, Text as i, Button as l, AnimatedDropdown as s } from "@veeqo/ui";
3
- import { VeeqoCommon as c } from "@veeqo/components";
4
- const { Glyph: p } = c, m = o(e)`
5
- display: flex;
6
- position: fixed;
7
- width: 100vw;
8
- left: 0;
9
- bottom: 24px;
10
- z-index: 18;
11
-
12
- &.notification-enter {
13
- opacity: 0;
14
- transform: translateY(-16px);
15
- }
16
-
17
- &.notification-enter-active {
18
- opacity: 1;
19
- transform: translateY(0);
20
- transition: 350ms ease;
21
- }
22
-
23
- &.notification-exit {
24
- opacity: 0;
25
- transform: translateY(16px);
26
- transition: 350ms ease;
27
- }
28
- pointer-events: none;
29
- `;
30
- o(e)`
31
- display: inline-flex;
32
- flex-direction: row;
33
- align-items: center;
34
- padding: 20px 24px 24px 24px;
35
- border-radius: 4px;
36
- margin: 0 auto;
37
- background-color: #fff;
38
- box-shadow: ${n.shadows.lg};
39
- pointer-events: all;
40
- `;
41
- const g = o(a)`
42
- display: inline-flex;
43
- flex-direction: row;
44
- align-items: center;
45
- margin: 0 auto;
46
- background-color: #fff;
47
- box-shadow: ${n.shadows.lg};
48
- pointer-events: all;
49
- `, h = o(l)`
50
- margin-right: 16px;
51
- `, w = o(i)`
52
- line-height: 20px;
53
- `, r = o(i)`
54
- margin: ${(t) => t.margin ? t.margin : ""};
55
- color: ${(t) => t.color};
56
- `, u = o(i)`
57
- margin-right: 8px;
58
- color: ${(t) => t.color};
59
- `, y = o(p)``, $ = o(e)`
60
- display: flex;
61
- flex-direction: row;
62
- align-items: flex-end;
63
- flex-grow: 2;
64
- margin-left: 24px;
65
- margin-right: 24px;
66
- `;
67
- o(s)``;
68
- o.button`
69
- display: flex;
70
- flex-direction: row;
71
- width: 100%;
72
- padding: 12px 16px;
73
- cursor: pointer;
74
-
75
- & > ${r} {
76
- white-space: nowrap;
77
- user-select: none;
78
- }
79
-
80
- &:hover {
81
- background-color: ${n.colors.neutral.grey.lightest};
1
+ import { VeeqoUI as e } from "@veeqo/components";
2
+ import { theme as o } from "@veeqo/ui";
3
+ import t from "styled-components";
4
+ const { SortableViews: r } = e, p = t(r)`
5
+ .rst__rowTitle {
6
+ span {
7
+ white-space: nowrap;
8
+ overflow: hidden;
9
+ text-overflow: ellipsis;
10
+ }
82
11
  }
83
12
 
84
- &:hover > ${r} {
85
- color: ${n.colors.secondary.blue.base};
13
+ .rst__rowTitle > div:first-child {
14
+ gap: ${o.sizes.sm};
86
15
  }
87
16
  `;
88
17
  export {
89
- u as Bold,
90
- h as Button,
91
- y as Glyph,
92
- w as Hint,
93
- m as Notification,
94
- g as Pill,
95
- r as Text,
96
- $ as Wrap
18
+ p as StyledSortableViews
97
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veeqo/transfigure",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/index.cjs",