@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.
- package/dist/components/Filters/Fields/NumberRangeFilter/MuiSlider.d.ts +1 -1
- package/dist/components/TableControls/TableControls.d.ts +5 -1
- package/dist/components/Views/ViewList/ViewsList.d.ts +5 -1
- package/dist/components/Views/ViewTab/ViewTab.d.ts +4 -3
- package/dist/constants/constants.d.ts +2 -4
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +20 -20
- package/dist/index33.cjs +1 -1
- package/dist/index33.js +65 -57
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +1 -1
- package/dist/index37.cjs +1 -1
- package/dist/index37.js +1 -1
- package/dist/index41.cjs +1 -1
- package/dist/index41.js +30 -30
- package/dist/index45.cjs +1 -1
- package/dist/index45.js +7 -5
- package/dist/index80.cjs +19 -1
- package/dist/index80.js +24 -22
- package/dist/index81.cjs +1 -19
- package/dist/index81.js +22 -24
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +1 -1
- package/dist/index94.cjs +77 -10
- package/dist/index94.js +91 -13
- package/dist/index95.cjs +10 -77
- package/dist/index95.js +13 -91
- package/package.json +1 -1
|
@@ -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" | "
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
|
3
|
-
import { Stack as
|
|
4
|
-
import { useCallback as
|
|
5
|
-
import { useBusinessLogic as
|
|
6
|
-
import { useStores as
|
|
7
|
-
const L =
|
|
8
|
-
const { PAGE_SIZE_OPTIONS:
|
|
9
|
-
Filters: { setCurrentPage:
|
|
10
|
-
} =
|
|
11
|
-
|
|
12
|
-
},
|
|
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
|
-
|
|
14
|
+
r !== e && t(e);
|
|
15
15
|
},
|
|
16
|
-
[
|
|
16
|
+
[r, t]
|
|
17
17
|
);
|
|
18
|
-
return /* @__PURE__ */ n(
|
|
18
|
+
return /* @__PURE__ */ n(p, { direction: "horizontal", children: [
|
|
19
19
|
/* @__PURE__ */ a(
|
|
20
20
|
u,
|
|
21
21
|
{
|
|
22
22
|
currentPage: c,
|
|
23
|
-
totalPagesCount:
|
|
24
|
-
handleChangePage:
|
|
23
|
+
totalPagesCount: o,
|
|
24
|
+
handleChangePage: g
|
|
25
25
|
}
|
|
26
26
|
),
|
|
27
27
|
/* @__PURE__ */ a(
|
|
28
|
-
|
|
28
|
+
s,
|
|
29
29
|
{
|
|
30
30
|
menuLabel: "items per page",
|
|
31
31
|
ctaProps: {
|
|
32
|
-
children: `${
|
|
33
|
-
style: { marginLeft:
|
|
32
|
+
children: `${r} / page`,
|
|
33
|
+
style: { marginLeft: P.sizes.xs }
|
|
34
34
|
},
|
|
35
|
-
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
|
|
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
|
|
2
|
-
import { useState as
|
|
3
|
-
import { ViewTab as
|
|
4
|
-
import { observer as
|
|
5
|
-
import { useCustomViews as
|
|
6
|
-
import { useViews as
|
|
7
|
-
import { PillNotifications as
|
|
8
|
-
import { ViewDropdowns as
|
|
9
|
-
import { useDropdownManager as
|
|
10
|
-
import { useBusinessLogic as
|
|
11
|
-
import { useStores as
|
|
12
|
-
import { Confirmation as
|
|
13
|
-
const
|
|
14
|
-
const { VIEW_TYPE:
|
|
15
|
-
Filters: { activeViewId:
|
|
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:
|
|
18
|
-
} =
|
|
19
|
-
const
|
|
20
|
-
if (
|
|
21
|
-
const
|
|
22
|
-
|
|
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
|
|
25
|
-
|
|
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
|
-
|
|
31
|
-
}, n = (e == null ? void 0 : e.id) ===
|
|
32
|
-
!
|
|
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 =
|
|
39
|
+
const V = L(() => r ? "draft" : e.editable ? "saved" : "fixed", [r, e.editable]), {
|
|
40
40
|
actions: {
|
|
41
|
-
create: { handleSaveDraft:
|
|
42
|
-
menu: { toggleDropdown:
|
|
43
|
-
delete: { closeDeleteConfirmation:
|
|
41
|
+
create: { handleSaveDraft: q },
|
|
42
|
+
menu: { toggleDropdown: D },
|
|
43
|
+
delete: { closeDeleteConfirmation: H, handleDelete: O, handleDeleteDraftView: C }
|
|
44
44
|
},
|
|
45
|
-
state: { shouldShowDeleteConfirmation:
|
|
46
|
-
actions:
|
|
47
|
-
state:
|
|
48
|
-
} =
|
|
49
|
-
if (
|
|
50
|
-
if (
|
|
51
|
-
}, [
|
|
52
|
-
return /* @__PURE__ */
|
|
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:
|
|
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:
|
|
60
|
+
name: c,
|
|
61
61
|
type: V,
|
|
62
|
-
count:
|
|
63
|
-
|
|
64
|
-
|
|
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:
|
|
74
|
+
ref: _,
|
|
67
75
|
"aria-controls": "options-dropdown",
|
|
68
|
-
"aria-expanded":
|
|
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
|
-
|
|
82
|
+
te,
|
|
75
83
|
{
|
|
76
|
-
shouldShow:
|
|
77
|
-
viewName:
|
|
78
|
-
onCancel:
|
|
79
|
-
onDelete:
|
|
84
|
+
shouldShow: U,
|
|
85
|
+
viewName: c,
|
|
86
|
+
onCancel: H,
|
|
87
|
+
onDelete: O
|
|
80
88
|
}
|
|
81
89
|
),
|
|
82
90
|
/* @__PURE__ */ s(
|
|
83
|
-
|
|
91
|
+
b,
|
|
84
92
|
{
|
|
85
93
|
tabType: V,
|
|
86
94
|
isActive: n,
|
|
87
|
-
initialViewName:
|
|
88
|
-
shouldShowCreateViewNotification:
|
|
89
|
-
handleSaveDraft:
|
|
95
|
+
initialViewName: c,
|
|
96
|
+
shouldShowCreateViewNotification: r,
|
|
97
|
+
handleSaveDraft: q
|
|
90
98
|
}
|
|
91
99
|
),
|
|
92
|
-
/* @__PURE__ */ s(
|
|
100
|
+
/* @__PURE__ */ s(ee, { referenceElement: o, tab: e, ...W, ...v })
|
|
93
101
|
] });
|
|
94
102
|
});
|
|
95
103
|
export {
|
|
96
|
-
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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"),
|
|
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
|
|
2
|
-
import { useState as
|
|
3
|
-
import { observer as
|
|
4
|
-
import { ViewsContainer as
|
|
5
|
-
import { FixedViews as
|
|
6
|
-
import { SortableViews as
|
|
7
|
-
import { useViews as
|
|
8
|
-
import { useViewUrlChange as
|
|
9
|
-
import { CreateView as
|
|
10
|
-
import { ViewTab as
|
|
11
|
-
import { useStores as
|
|
12
|
-
import { ErrorBoundary as
|
|
13
|
-
const
|
|
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:
|
|
16
|
-
} =
|
|
17
|
-
return
|
|
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
|
-
|
|
19
|
+
v,
|
|
20
20
|
{
|
|
21
21
|
onClickMenu: () => o(!0),
|
|
22
22
|
ariaMenuControls: "views-menu",
|
|
23
|
-
ariaMenuExpanded:
|
|
24
|
-
ref:
|
|
23
|
+
ariaMenuExpanded: s,
|
|
24
|
+
ref: u,
|
|
25
25
|
children: [
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
32
|
-
|
|
31
|
+
s && /* @__PURE__ */ e(
|
|
32
|
+
x,
|
|
33
33
|
{
|
|
34
34
|
id: "views-menu",
|
|
35
|
-
anchorElement:
|
|
35
|
+
anchorElement: f,
|
|
36
36
|
placement: "bottom",
|
|
37
37
|
onShouldClose: () => o(!1),
|
|
38
|
-
children: /* @__PURE__ */ i(
|
|
39
|
-
/* @__PURE__ */ e(
|
|
40
|
-
/* @__PURE__ */ e(
|
|
41
|
-
/* @__PURE__ */ e(
|
|
42
|
-
/* @__PURE__ */ e(
|
|
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
|
-
|
|
49
|
+
H as ViewList
|
|
50
50
|
};
|
package/dist/index45.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var
|
|
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
|
|
2
|
-
const
|
|
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
|
-
|
|
8
|
-
|
|
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
|
|
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
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
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
|
|
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 "
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
-
|
|
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("./
|
|
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
package/dist/index94.cjs
CHANGED
|
@@ -1,13 +1,80 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
11
|
-
|
|
77
|
+
&:hover > ${n} {
|
|
78
|
+
color: ${t.theme.colors.secondary.blue.base};
|
|
12
79
|
}
|
|
13
|
-
`;exports.
|
|
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
|
|
2
|
-
import { theme as
|
|
3
|
-
import
|
|
4
|
-
const {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
14
|
-
|
|
84
|
+
&:hover > ${r} {
|
|
85
|
+
color: ${n.colors.secondary.blue.base};
|
|
15
86
|
}
|
|
16
87
|
`;
|
|
17
88
|
export {
|
|
18
|
-
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
78
|
-
|
|
10
|
+
.rst__rowTitle > div:first-child {
|
|
11
|
+
gap: ${o.theme.sizes.sm};
|
|
79
12
|
}
|
|
80
|
-
`;exports.
|
|
13
|
+
`;exports.StyledSortableViews=n;
|
package/dist/index95.js
CHANGED
|
@@ -1,97 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
const {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
85
|
-
|
|
13
|
+
.rst__rowTitle > div:first-child {
|
|
14
|
+
gap: ${o.sizes.sm};
|
|
86
15
|
}
|
|
87
16
|
`;
|
|
88
17
|
export {
|
|
89
|
-
|
|
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
|
};
|