@vuu-ui/vuu-filters 0.13.30 → 0.13.32
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/cjs/filter-pill/FilterPillNext.js +2 -1
- package/cjs/filter-pill/FilterPillNext.js.map +1 -1
- package/cjs/saved-filters/DeleteFilterPrompt.js +1 -1
- package/cjs/saved-filters/DeleteFilterPrompt.js.map +1 -1
- package/esm/filter-pill/FilterPillNext.js +2 -1
- package/esm/filter-pill/FilterPillNext.js.map +1 -1
- package/esm/saved-filters/DeleteFilterPrompt.js +1 -1
- package/esm/saved-filters/DeleteFilterPrompt.js.map +1 -1
- package/package.json +11 -11
|
@@ -65,7 +65,8 @@ const FilterPillNext = ({
|
|
|
65
65
|
getVirtualElement: () => virtualElement,
|
|
66
66
|
onMenuAction,
|
|
67
67
|
onOpenChange: onContextMenuOpenChange,
|
|
68
|
-
open: contextMenuOpen
|
|
68
|
+
open: contextMenuOpen,
|
|
69
|
+
permissions
|
|
69
70
|
}
|
|
70
71
|
);
|
|
71
72
|
return showTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPillNext.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterMenu, type FilterPermissions } from \"./FilterMenu\";\nimport {\n type FilterPillNextHookProps,\n useFilterPillNext,\n} from \"./useFilterPillNext\";\n\nimport filterPillNextCss from \"./FilterPillNext.css\";\n\nexport interface FilterPillNextProps\n extends FilterPillNextHookProps,\n Omit<HTMLAttributes<HTMLButtonElement>, \"id\"> {\n id: string;\n permissions?: FilterPermissions;\n showTooltip?: boolean;\n}\n\nconst classBase = \"vuuFilterPillNext\";\n\nexport const FilterPillNext = ({\n active,\n appearence,\n className,\n defaultActive,\n filter,\n id,\n onClick,\n onMenuAction: onMenuActionProp,\n permissions,\n showTooltip = true,\n ...htmlAttributes\n}: FilterPillNextProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-filter-pill\",\n css: filterPillNextCss,\n window: targetWindow,\n });\n\n const {\n contextMenuOpen,\n onContextMenu,\n onContextMenuOpenChange,\n onMenuAction,\n tooltipText,\n virtualElement,\n } = useFilterPillNext({\n active,\n appearence,\n defaultActive,\n filter,\n onMenuAction: onMenuActionProp,\n });\n\n const filterPill = (\n <Button\n {...htmlAttributes}\n appearance=\"solid\"\n className={cx(classBase, className, {\n [`${classBase}-active`]: active,\n })}\n id={id}\n onClick={onClick}\n onContextMenu={onContextMenu}\n sentiment=\"accented\"\n >\n {filter.name}\n </Button>\n );\n\n const filterMenu = (\n <FilterMenu\n filterId={id}\n getVirtualElement={() => virtualElement}\n onMenuAction={onMenuAction}\n onOpenChange={onContextMenuOpenChange}\n open={contextMenuOpen}\n />\n );\n\n return showTooltip ? (\n <>\n <Tooltip className={`${classBase}-tooltip`} content={tooltipText}>\n {filterPill}\n </Tooltip>\n {filterMenu}\n </>\n ) : (\n <>\n {filterPill}\n {filterMenu}\n </>\n );\n};\n"],"names":["useWindow","useComponentCssInjection","filterPillNextCss","useFilterPillNext","jsx","Button","FilterMenu","jsxs","Fragment","Tooltip"],"mappings":";;;;;;;;;;;AAqBA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,GAAG;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACEC,mCAAkB,CAAA;AAAA,IACpB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAA,MAAM,UACJ,mBAAAC,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,UAAW,EAAA,OAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG;AAAA,OAC1B,CAAA;AAAA,MACD,EAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MAET,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,GACV;AAGF,EAAA,MAAM,UACJ,mBAAAD,cAAA;AAAA,IAACE,qBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,EAAA;AAAA,MACV,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,YAAc,EAAA,uBAAA;AAAA,MACd,IAAM,EAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"FilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPillNext.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterMenu, type FilterPermissions } from \"./FilterMenu\";\nimport {\n type FilterPillNextHookProps,\n useFilterPillNext,\n} from \"./useFilterPillNext\";\n\nimport filterPillNextCss from \"./FilterPillNext.css\";\n\nexport interface FilterPillNextProps\n extends FilterPillNextHookProps,\n Omit<HTMLAttributes<HTMLButtonElement>, \"id\"> {\n id: string;\n permissions?: FilterPermissions;\n showTooltip?: boolean;\n}\n\nconst classBase = \"vuuFilterPillNext\";\n\nexport const FilterPillNext = ({\n active,\n appearence,\n className,\n defaultActive,\n filter,\n id,\n onClick,\n onMenuAction: onMenuActionProp,\n permissions,\n showTooltip = true,\n ...htmlAttributes\n}: FilterPillNextProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-filter-pill\",\n css: filterPillNextCss,\n window: targetWindow,\n });\n\n const {\n contextMenuOpen,\n onContextMenu,\n onContextMenuOpenChange,\n onMenuAction,\n tooltipText,\n virtualElement,\n } = useFilterPillNext({\n active,\n appearence,\n defaultActive,\n filter,\n onMenuAction: onMenuActionProp,\n });\n\n const filterPill = (\n <Button\n {...htmlAttributes}\n appearance=\"solid\"\n className={cx(classBase, className, {\n [`${classBase}-active`]: active,\n })}\n id={id}\n onClick={onClick}\n onContextMenu={onContextMenu}\n sentiment=\"accented\"\n >\n {filter.name}\n </Button>\n );\n\n const filterMenu = (\n <FilterMenu\n filterId={id}\n getVirtualElement={() => virtualElement}\n onMenuAction={onMenuAction}\n onOpenChange={onContextMenuOpenChange}\n open={contextMenuOpen}\n permissions={permissions}\n />\n );\n\n return showTooltip ? (\n <>\n <Tooltip className={`${classBase}-tooltip`} content={tooltipText}>\n {filterPill}\n </Tooltip>\n {filterMenu}\n </>\n ) : (\n <>\n {filterPill}\n {filterMenu}\n </>\n );\n};\n"],"names":["useWindow","useComponentCssInjection","filterPillNextCss","useFilterPillNext","jsx","Button","FilterMenu","jsxs","Fragment","Tooltip"],"mappings":";;;;;;;;;;;AAqBA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,GAAG;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACEC,mCAAkB,CAAA;AAAA,IACpB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAA,MAAM,UACJ,mBAAAC,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,UAAW,EAAA,OAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG;AAAA,OAC1B,CAAA;AAAA,MACD,EAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MAET,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,GACV;AAGF,EAAA,MAAM,UACJ,mBAAAD,cAAA;AAAA,IAACE,qBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,EAAA;AAAA,MACV,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,YAAc,EAAA,uBAAA;AAAA,MACd,IAAM,EAAA,eAAA;AAAA,MACN;AAAA;AAAA,GACF;AAGF,EAAA,OAAO,8BAEHC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACK,gBAAQ,SAAW,EAAA,CAAA,EAAG,SAAS,CAAY,QAAA,CAAA,EAAA,OAAA,EAAS,aAClD,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,oBAGGF,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -22,7 +22,7 @@ const DeleteFilterPrompt = ({
|
|
|
22
22
|
onClose,
|
|
23
23
|
onConfirm,
|
|
24
24
|
open,
|
|
25
|
-
title: "
|
|
25
|
+
title: "Delete Filter",
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: `Do you want to delete '${filterDescriptor.filter.name}' ?` }),
|
|
28
28
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteFilterPrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/DeleteFilterPrompt.tsx"],"sourcesContent":["import { Prompt, PromptProps } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterDescriptor } from \"./useSavedFilterPanel\";\n\nexport interface DeleteFilterPromptProps\n extends Pick<PromptProps, \"onConfirm\" | \"onClose\" | \"open\">,\n HTMLAttributes<HTMLDivElement> {\n filterDescriptor: FilterDescriptor;\n}\n\nexport const DeleteFilterPrompt = ({\n children,\n className,\n filterDescriptor,\n onClose,\n onConfirm,\n open = true,\n ...htmlAttributes\n}: DeleteFilterPromptProps) => {\n return (\n <Prompt\n {...htmlAttributes}\n className={cx(\"vuuDeleteFilterPrompt\", className)}\n initialFocusedItem=\"confirm\"\n onClose={onClose}\n onConfirm={onConfirm}\n open={open}\n title=\"
|
|
1
|
+
{"version":3,"file":"DeleteFilterPrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/DeleteFilterPrompt.tsx"],"sourcesContent":["import { Prompt, PromptProps } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterDescriptor } from \"./useSavedFilterPanel\";\n\nexport interface DeleteFilterPromptProps\n extends Pick<PromptProps, \"onConfirm\" | \"onClose\" | \"open\">,\n HTMLAttributes<HTMLDivElement> {\n filterDescriptor: FilterDescriptor;\n}\n\nexport const DeleteFilterPrompt = ({\n children,\n className,\n filterDescriptor,\n onClose,\n onConfirm,\n open = true,\n ...htmlAttributes\n}: DeleteFilterPromptProps) => {\n return (\n <Prompt\n {...htmlAttributes}\n className={cx(\"vuuDeleteFilterPrompt\", className)}\n initialFocusedItem=\"confirm\"\n onClose={onClose}\n onConfirm={onConfirm}\n open={open}\n title=\"Delete Filter\"\n >\n <span>{`Do you want to delete '${filterDescriptor.filter.name}' ?`}</span>\n {children}\n </Prompt>\n );\n};\n"],"names":["jsxs","Prompt","jsx"],"mappings":";;;;;;AAWO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAO,GAAA,IAAA;AAAA,EACP,GAAG;AACL,CAA+B,KAAA;AAC7B,EACE,uBAAAA,eAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,uBAAA,EAAyB,SAAS,CAAA;AAAA,MAChD,kBAAmB,EAAA,SAAA;AAAA,MACnB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAM,EAAA,eAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,EAA0B,gBAAiB,CAAA,MAAA,CAAO,IAAI,CAAM,GAAA,CAAA,EAAA,CAAA;AAAA,QAClE;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
|
|
@@ -63,7 +63,8 @@ const FilterPillNext = ({
|
|
|
63
63
|
getVirtualElement: () => virtualElement,
|
|
64
64
|
onMenuAction,
|
|
65
65
|
onOpenChange: onContextMenuOpenChange,
|
|
66
|
-
open: contextMenuOpen
|
|
66
|
+
open: contextMenuOpen,
|
|
67
|
+
permissions
|
|
67
68
|
}
|
|
68
69
|
);
|
|
69
70
|
return showTooltip ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPillNext.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterMenu, type FilterPermissions } from \"./FilterMenu\";\nimport {\n type FilterPillNextHookProps,\n useFilterPillNext,\n} from \"./useFilterPillNext\";\n\nimport filterPillNextCss from \"./FilterPillNext.css\";\n\nexport interface FilterPillNextProps\n extends FilterPillNextHookProps,\n Omit<HTMLAttributes<HTMLButtonElement>, \"id\"> {\n id: string;\n permissions?: FilterPermissions;\n showTooltip?: boolean;\n}\n\nconst classBase = \"vuuFilterPillNext\";\n\nexport const FilterPillNext = ({\n active,\n appearence,\n className,\n defaultActive,\n filter,\n id,\n onClick,\n onMenuAction: onMenuActionProp,\n permissions,\n showTooltip = true,\n ...htmlAttributes\n}: FilterPillNextProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-filter-pill\",\n css: filterPillNextCss,\n window: targetWindow,\n });\n\n const {\n contextMenuOpen,\n onContextMenu,\n onContextMenuOpenChange,\n onMenuAction,\n tooltipText,\n virtualElement,\n } = useFilterPillNext({\n active,\n appearence,\n defaultActive,\n filter,\n onMenuAction: onMenuActionProp,\n });\n\n const filterPill = (\n <Button\n {...htmlAttributes}\n appearance=\"solid\"\n className={cx(classBase, className, {\n [`${classBase}-active`]: active,\n })}\n id={id}\n onClick={onClick}\n onContextMenu={onContextMenu}\n sentiment=\"accented\"\n >\n {filter.name}\n </Button>\n );\n\n const filterMenu = (\n <FilterMenu\n filterId={id}\n getVirtualElement={() => virtualElement}\n onMenuAction={onMenuAction}\n onOpenChange={onContextMenuOpenChange}\n open={contextMenuOpen}\n />\n );\n\n return showTooltip ? (\n <>\n <Tooltip className={`${classBase}-tooltip`} content={tooltipText}>\n {filterPill}\n </Tooltip>\n {filterMenu}\n </>\n ) : (\n <>\n {filterPill}\n {filterMenu}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAqBA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,GAAG;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,iBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,iBAAkB,CAAA;AAAA,IACpB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAA,MAAM,UACJ,mBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,UAAW,EAAA,OAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG;AAAA,OAC1B,CAAA;AAAA,MACD,EAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MAET,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,GACV;AAGF,EAAA,MAAM,UACJ,mBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,EAAA;AAAA,MACV,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,YAAc,EAAA,uBAAA;AAAA,MACd,IAAM,EAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"FilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPillNext.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterMenu, type FilterPermissions } from \"./FilterMenu\";\nimport {\n type FilterPillNextHookProps,\n useFilterPillNext,\n} from \"./useFilterPillNext\";\n\nimport filterPillNextCss from \"./FilterPillNext.css\";\n\nexport interface FilterPillNextProps\n extends FilterPillNextHookProps,\n Omit<HTMLAttributes<HTMLButtonElement>, \"id\"> {\n id: string;\n permissions?: FilterPermissions;\n showTooltip?: boolean;\n}\n\nconst classBase = \"vuuFilterPillNext\";\n\nexport const FilterPillNext = ({\n active,\n appearence,\n className,\n defaultActive,\n filter,\n id,\n onClick,\n onMenuAction: onMenuActionProp,\n permissions,\n showTooltip = true,\n ...htmlAttributes\n}: FilterPillNextProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-filter-pill\",\n css: filterPillNextCss,\n window: targetWindow,\n });\n\n const {\n contextMenuOpen,\n onContextMenu,\n onContextMenuOpenChange,\n onMenuAction,\n tooltipText,\n virtualElement,\n } = useFilterPillNext({\n active,\n appearence,\n defaultActive,\n filter,\n onMenuAction: onMenuActionProp,\n });\n\n const filterPill = (\n <Button\n {...htmlAttributes}\n appearance=\"solid\"\n className={cx(classBase, className, {\n [`${classBase}-active`]: active,\n })}\n id={id}\n onClick={onClick}\n onContextMenu={onContextMenu}\n sentiment=\"accented\"\n >\n {filter.name}\n </Button>\n );\n\n const filterMenu = (\n <FilterMenu\n filterId={id}\n getVirtualElement={() => virtualElement}\n onMenuAction={onMenuAction}\n onOpenChange={onContextMenuOpenChange}\n open={contextMenuOpen}\n permissions={permissions}\n />\n );\n\n return showTooltip ? (\n <>\n <Tooltip className={`${classBase}-tooltip`} content={tooltipText}>\n {filterPill}\n </Tooltip>\n {filterMenu}\n </>\n ) : (\n <>\n {filterPill}\n {filterMenu}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAqBA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,GAAG;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,iBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,iBAAkB,CAAA;AAAA,IACpB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAA,MAAM,UACJ,mBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,UAAW,EAAA,OAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG;AAAA,OAC1B,CAAA;AAAA,MACD,EAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MAET,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,GACV;AAGF,EAAA,MAAM,UACJ,mBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,EAAA;AAAA,MACV,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,YAAc,EAAA,uBAAA;AAAA,MACd,IAAM,EAAA,eAAA;AAAA,MACN;AAAA;AAAA,GACF;AAGF,EAAA,OAAO,8BAEH,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAQ,SAAW,EAAA,CAAA,EAAG,SAAS,CAAY,QAAA,CAAA,EAAA,OAAA,EAAS,aAClD,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,oBAGG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteFilterPrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/DeleteFilterPrompt.tsx"],"sourcesContent":["import { Prompt, PromptProps } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterDescriptor } from \"./useSavedFilterPanel\";\n\nexport interface DeleteFilterPromptProps\n extends Pick<PromptProps, \"onConfirm\" | \"onClose\" | \"open\">,\n HTMLAttributes<HTMLDivElement> {\n filterDescriptor: FilterDescriptor;\n}\n\nexport const DeleteFilterPrompt = ({\n children,\n className,\n filterDescriptor,\n onClose,\n onConfirm,\n open = true,\n ...htmlAttributes\n}: DeleteFilterPromptProps) => {\n return (\n <Prompt\n {...htmlAttributes}\n className={cx(\"vuuDeleteFilterPrompt\", className)}\n initialFocusedItem=\"confirm\"\n onClose={onClose}\n onConfirm={onConfirm}\n open={open}\n title=\"
|
|
1
|
+
{"version":3,"file":"DeleteFilterPrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/DeleteFilterPrompt.tsx"],"sourcesContent":["import { Prompt, PromptProps } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterDescriptor } from \"./useSavedFilterPanel\";\n\nexport interface DeleteFilterPromptProps\n extends Pick<PromptProps, \"onConfirm\" | \"onClose\" | \"open\">,\n HTMLAttributes<HTMLDivElement> {\n filterDescriptor: FilterDescriptor;\n}\n\nexport const DeleteFilterPrompt = ({\n children,\n className,\n filterDescriptor,\n onClose,\n onConfirm,\n open = true,\n ...htmlAttributes\n}: DeleteFilterPromptProps) => {\n return (\n <Prompt\n {...htmlAttributes}\n className={cx(\"vuuDeleteFilterPrompt\", className)}\n initialFocusedItem=\"confirm\"\n onClose={onClose}\n onConfirm={onConfirm}\n open={open}\n title=\"Delete Filter\"\n >\n <span>{`Do you want to delete '${filterDescriptor.filter.name}' ?`}</span>\n {children}\n </Prompt>\n );\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAO,GAAA,IAAA;AAAA,EACP,GAAG;AACL,CAA+B,KAAA;AAC7B,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,uBAAA,EAAyB,SAAS,CAAA;AAAA,MAChD,kBAAmB,EAAA,SAAA;AAAA,MACnB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAM,EAAA,eAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,EAA0B,gBAAiB,CAAA,MAAA,CAAO,IAAI,CAAM,GAAA,CAAA,EAAA,CAAA;AAAA,QAClE;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.13.
|
|
2
|
+
"version": "0.13.32",
|
|
3
3
|
"author": "heswell",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"devDependencies": {
|
|
7
|
-
"@vuu-ui/vuu-data-types": "0.13.
|
|
8
|
-
"@vuu-ui/vuu-protocol-types": "0.13.
|
|
9
|
-
"@vuu-ui/vuu-table-types": "0.13.
|
|
10
|
-
"@vuu-ui/vuu-filter-types": "0.13.
|
|
7
|
+
"@vuu-ui/vuu-data-types": "0.13.32",
|
|
8
|
+
"@vuu-ui/vuu-protocol-types": "0.13.32",
|
|
9
|
+
"@vuu-ui/vuu-table-types": "0.13.32",
|
|
10
|
+
"@vuu-ui/vuu-filter-types": "0.13.32"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@vuu-ui/vuu-data-react": "0.13.
|
|
14
|
-
"@vuu-ui/vuu-filter-parser": "0.13.
|
|
15
|
-
"@vuu-ui/vuu-popups": "0.13.
|
|
16
|
-
"@vuu-ui/vuu-ui-controls": "0.13.
|
|
17
|
-
"@vuu-ui/vuu-table": "0.13.
|
|
18
|
-
"@vuu-ui/vuu-utils": "0.13.
|
|
13
|
+
"@vuu-ui/vuu-data-react": "0.13.32",
|
|
14
|
+
"@vuu-ui/vuu-filter-parser": "0.13.32",
|
|
15
|
+
"@vuu-ui/vuu-popups": "0.13.32",
|
|
16
|
+
"@vuu-ui/vuu-ui-controls": "0.13.32",
|
|
17
|
+
"@vuu-ui/vuu-table": "0.13.32",
|
|
18
|
+
"@vuu-ui/vuu-utils": "0.13.32",
|
|
19
19
|
"@salt-ds/core": "1.43.0",
|
|
20
20
|
"@salt-ds/styles": "0.2.1",
|
|
21
21
|
"@salt-ds/window": "0.1.1"
|