@vuu-ui/vuu-table 0.13.62 → 0.13.64
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.
|
@@ -61,7 +61,6 @@ const HeaderCell = ({
|
|
|
61
61
|
const headerItems = react.useMemo(() => {
|
|
62
62
|
const renderCheckbox = allowSelectAll && column.isSystemColumn && vuuUtils.isTypeDescriptor(column.type) && column.type.name === "checkbox";
|
|
63
63
|
if (renderCheckbox) {
|
|
64
|
-
console.log(`HeaderCell checkbox allrowsselected ${allRowsSelected}`);
|
|
65
64
|
return [
|
|
66
65
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
67
66
|
core.Checkbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { Checkbox, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { isTypeDescriptor, useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n KeyboardEventHandler,\n MouseEventHandler,\n SyntheticEvent,\n useCallback,\n useMemo,\n useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n // dummy hook\n return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n allowDragColumnHeader = true,\n allowSelectAll,\n allRowsSelected,\n className: classNameProp,\n column,\n id,\n index,\n onCheckBoxColumnHeaderClick,\n onClick,\n onResize,\n showColumnHeaderMenus = true,\n ...htmlAttributes\n}: HeaderCellProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-header-cell\",\n css: headerCellCss,\n window: targetWindow,\n });\n const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n const { ref: sortableRef } = dragDropSortHook({ id, index });\n const {\n allowColumnHeaderMenu = true,\n HeaderCellContentRenderer,\n HeaderCellLabelRenderer,\n } = column;\n const rootRef = useRef<HTMLDivElement>(null);\n const { isResizing, ...resizeProps } = useTableColumnResize({\n column,\n onResize,\n rootRef,\n });\n\n const handleCheckBoxClick = useCallback(\n (e: SyntheticEvent) => {\n e.stopPropagation();\n onCheckBoxColumnHeaderClick?.();\n },\n [onCheckBoxColumnHeaderClick],\n );\n\n const headerItems = useMemo(() => {\n const renderCheckbox =\n allowSelectAll &&\n column.isSystemColumn &&\n isTypeDescriptor(column.type) &&\n column.type.name === \"checkbox\";\n\n if (renderCheckbox) {\n
|
|
1
|
+
{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { Checkbox, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { isTypeDescriptor, useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n KeyboardEventHandler,\n MouseEventHandler,\n SyntheticEvent,\n useCallback,\n useMemo,\n useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n // dummy hook\n return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n allowDragColumnHeader = true,\n allowSelectAll,\n allRowsSelected,\n className: classNameProp,\n column,\n id,\n index,\n onCheckBoxColumnHeaderClick,\n onClick,\n onResize,\n showColumnHeaderMenus = true,\n ...htmlAttributes\n}: HeaderCellProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-header-cell\",\n css: headerCellCss,\n window: targetWindow,\n });\n const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n const { ref: sortableRef } = dragDropSortHook({ id, index });\n const {\n allowColumnHeaderMenu = true,\n HeaderCellContentRenderer,\n HeaderCellLabelRenderer,\n } = column;\n const rootRef = useRef<HTMLDivElement>(null);\n const { isResizing, ...resizeProps } = useTableColumnResize({\n column,\n onResize,\n rootRef,\n });\n\n const handleCheckBoxClick = useCallback(\n (e: SyntheticEvent) => {\n e.stopPropagation();\n onCheckBoxColumnHeaderClick?.();\n },\n [onCheckBoxColumnHeaderClick],\n );\n\n const headerItems = useMemo(() => {\n const renderCheckbox =\n allowSelectAll &&\n column.isSystemColumn &&\n isTypeDescriptor(column.type) &&\n column.type.name === \"checkbox\";\n\n if (renderCheckbox) {\n return [\n <Checkbox\n checked={allRowsSelected}\n className=\"vuuCheckboxRowSelector\"\n key=\"checkbox\"\n onClick={handleCheckBoxClick}\n />,\n ];\n } else {\n const sortIndicator = <SortIndicator column={column} />;\n const columnLabel = HeaderCellLabelRenderer ? (\n <HeaderCellLabelRenderer\n className={`${classBase}-label`}\n column={column}\n />\n ) : (\n <div className={`${classBase}-label`}>\n {column.label ?? column.name}\n </div>\n );\n const columnContent = HeaderCellContentRenderer\n ? [<HeaderCellContentRenderer column={column} key=\"content\" />]\n : [];\n\n if (showColumnHeaderMenus && allowColumnHeaderMenu) {\n const menuPermissions =\n showColumnHeaderMenus === true ? undefined : showColumnHeaderMenus;\n const columnMenu = (\n <ColumnMenu column={column} menuPermissions={menuPermissions} />\n );\n\n if (column.align === \"right\") {\n return [sortIndicator, columnLabel, columnContent, columnMenu];\n } else {\n return [columnMenu, columnLabel, sortIndicator, columnContent];\n }\n } else {\n if (column.align === \"right\") {\n return [sortIndicator, columnLabel, columnContent];\n } else {\n return [columnLabel, sortIndicator, columnContent];\n }\n }\n }\n }, [\n HeaderCellContentRenderer,\n HeaderCellLabelRenderer,\n allRowsSelected,\n allowColumnHeaderMenu,\n allowSelectAll,\n column,\n handleCheckBoxClick,\n showColumnHeaderMenus,\n ]);\n\n const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (evt) => {\n !isResizing && onClick?.(evt);\n },\n [isResizing, onClick],\n );\n\n const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n (evt) => {\n if (evt.key === \"Enter\") {\n onClick?.(evt);\n }\n },\n [onClick],\n );\n\n const { className, style } = useCell(column, classBase, true);\n\n return (\n <div\n {...htmlAttributes}\n aria-colindex={column.ariaColIndex}\n aria-label={`${column.label ?? column.name} column header`}\n className={cx(className, classNameProp, {\n [`${classBase}-resizing`]: isResizing,\n [`${classBase}-noMenu`]: showColumnHeaderMenus === false,\n })}\n data-column-name={column.name}\n data-index={index}\n id={id}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={useForkRef<HTMLDivElement>(rootRef, sortableRef)}\n role=\"columnheader\"\n style={style}\n >\n {...headerItems}\n {column.resizeable !== false ? <ColumnResizer {...resizeProps} /> : null}\n </div>\n );\n};\n"],"names":["useWindow","useComponentCssInjection","headerCellCss","useSortable","useRef","useTableColumnResize","useCallback","useMemo","isTypeDescriptor","jsx","Checkbox","SortIndicator","ColumnMenu","useCell","jsxs","useForkRef","ColumnResizer"],"mappings":"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"}
|
|
@@ -59,7 +59,6 @@ const HeaderCell = ({
|
|
|
59
59
|
const headerItems = useMemo(() => {
|
|
60
60
|
const renderCheckbox = allowSelectAll && column.isSystemColumn && isTypeDescriptor(column.type) && column.type.name === "checkbox";
|
|
61
61
|
if (renderCheckbox) {
|
|
62
|
-
console.log(`HeaderCell checkbox allrowsselected ${allRowsSelected}`);
|
|
63
62
|
return [
|
|
64
63
|
/* @__PURE__ */ jsx(
|
|
65
64
|
Checkbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { Checkbox, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { isTypeDescriptor, useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n KeyboardEventHandler,\n MouseEventHandler,\n SyntheticEvent,\n useCallback,\n useMemo,\n useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n // dummy hook\n return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n allowDragColumnHeader = true,\n allowSelectAll,\n allRowsSelected,\n className: classNameProp,\n column,\n id,\n index,\n onCheckBoxColumnHeaderClick,\n onClick,\n onResize,\n showColumnHeaderMenus = true,\n ...htmlAttributes\n}: HeaderCellProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-header-cell\",\n css: headerCellCss,\n window: targetWindow,\n });\n const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n const { ref: sortableRef } = dragDropSortHook({ id, index });\n const {\n allowColumnHeaderMenu = true,\n HeaderCellContentRenderer,\n HeaderCellLabelRenderer,\n } = column;\n const rootRef = useRef<HTMLDivElement>(null);\n const { isResizing, ...resizeProps } = useTableColumnResize({\n column,\n onResize,\n rootRef,\n });\n\n const handleCheckBoxClick = useCallback(\n (e: SyntheticEvent) => {\n e.stopPropagation();\n onCheckBoxColumnHeaderClick?.();\n },\n [onCheckBoxColumnHeaderClick],\n );\n\n const headerItems = useMemo(() => {\n const renderCheckbox =\n allowSelectAll &&\n column.isSystemColumn &&\n isTypeDescriptor(column.type) &&\n column.type.name === \"checkbox\";\n\n if (renderCheckbox) {\n
|
|
1
|
+
{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { Checkbox, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { isTypeDescriptor, useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n KeyboardEventHandler,\n MouseEventHandler,\n SyntheticEvent,\n useCallback,\n useMemo,\n useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n // dummy hook\n return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n allowDragColumnHeader = true,\n allowSelectAll,\n allRowsSelected,\n className: classNameProp,\n column,\n id,\n index,\n onCheckBoxColumnHeaderClick,\n onClick,\n onResize,\n showColumnHeaderMenus = true,\n ...htmlAttributes\n}: HeaderCellProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-header-cell\",\n css: headerCellCss,\n window: targetWindow,\n });\n const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n const { ref: sortableRef } = dragDropSortHook({ id, index });\n const {\n allowColumnHeaderMenu = true,\n HeaderCellContentRenderer,\n HeaderCellLabelRenderer,\n } = column;\n const rootRef = useRef<HTMLDivElement>(null);\n const { isResizing, ...resizeProps } = useTableColumnResize({\n column,\n onResize,\n rootRef,\n });\n\n const handleCheckBoxClick = useCallback(\n (e: SyntheticEvent) => {\n e.stopPropagation();\n onCheckBoxColumnHeaderClick?.();\n },\n [onCheckBoxColumnHeaderClick],\n );\n\n const headerItems = useMemo(() => {\n const renderCheckbox =\n allowSelectAll &&\n column.isSystemColumn &&\n isTypeDescriptor(column.type) &&\n column.type.name === \"checkbox\";\n\n if (renderCheckbox) {\n return [\n <Checkbox\n checked={allRowsSelected}\n className=\"vuuCheckboxRowSelector\"\n key=\"checkbox\"\n onClick={handleCheckBoxClick}\n />,\n ];\n } else {\n const sortIndicator = <SortIndicator column={column} />;\n const columnLabel = HeaderCellLabelRenderer ? (\n <HeaderCellLabelRenderer\n className={`${classBase}-label`}\n column={column}\n />\n ) : (\n <div className={`${classBase}-label`}>\n {column.label ?? column.name}\n </div>\n );\n const columnContent = HeaderCellContentRenderer\n ? [<HeaderCellContentRenderer column={column} key=\"content\" />]\n : [];\n\n if (showColumnHeaderMenus && allowColumnHeaderMenu) {\n const menuPermissions =\n showColumnHeaderMenus === true ? undefined : showColumnHeaderMenus;\n const columnMenu = (\n <ColumnMenu column={column} menuPermissions={menuPermissions} />\n );\n\n if (column.align === \"right\") {\n return [sortIndicator, columnLabel, columnContent, columnMenu];\n } else {\n return [columnMenu, columnLabel, sortIndicator, columnContent];\n }\n } else {\n if (column.align === \"right\") {\n return [sortIndicator, columnLabel, columnContent];\n } else {\n return [columnLabel, sortIndicator, columnContent];\n }\n }\n }\n }, [\n HeaderCellContentRenderer,\n HeaderCellLabelRenderer,\n allRowsSelected,\n allowColumnHeaderMenu,\n allowSelectAll,\n column,\n handleCheckBoxClick,\n showColumnHeaderMenus,\n ]);\n\n const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (evt) => {\n !isResizing && onClick?.(evt);\n },\n [isResizing, onClick],\n );\n\n const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n (evt) => {\n if (evt.key === \"Enter\") {\n onClick?.(evt);\n }\n },\n [onClick],\n );\n\n const { className, style } = useCell(column, classBase, true);\n\n return (\n <div\n {...htmlAttributes}\n aria-colindex={column.ariaColIndex}\n aria-label={`${column.label ?? column.name} column header`}\n className={cx(className, classNameProp, {\n [`${classBase}-resizing`]: isResizing,\n [`${classBase}-noMenu`]: showColumnHeaderMenus === false,\n })}\n data-column-name={column.name}\n data-index={index}\n id={id}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={useForkRef<HTMLDivElement>(rootRef, sortableRef)}\n role=\"columnheader\"\n style={style}\n >\n {...headerItems}\n {column.resizeable !== false ? <ColumnResizer {...resizeProps} /> : null}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,SAAY,GAAA,oBAAA;AAElB,MAAM,YAAY,MAAM;AAEtB,EAAA,OAAO,EAAE,GAAA,EAAK,EAAE,OAAA,EAAS,MAAO,EAAA;AAClC,CAAA;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB,qBAAwB,GAAA,IAAA;AAAA,EACxB,cAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,MAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA;AAAA,EACA,2BAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,qBAAwB,GAAA,IAAA;AAAA,EACxB,GAAG;AACL,CAAuB,KAAA;AACrB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAM,MAAA,gBAAA,GAAmB,wBAAwB,WAAc,GAAA,SAAA;AAC/D,EAAM,MAAA,EAAE,KAAK,WAAY,EAAA,GAAI,iBAAiB,EAAE,EAAA,EAAI,OAAO,CAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,qBAAwB,GAAA,IAAA;AAAA,IACxB,yBAAA;AAAA,IACA;AAAA,GACE,GAAA,MAAA;AACJ,EAAM,MAAA,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,EAAE,UAAA,EAAY,GAAG,WAAA,KAAgB,oBAAqB,CAAA;AAAA,IAC1D,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,mBAAsB,GAAA,WAAA;AAAA,IAC1B,CAAC,CAAsB,KAAA;AACrB,MAAA,CAAA,CAAE,eAAgB,EAAA;AAClB,MAA8B,2BAAA,IAAA;AAAA,KAChC;AAAA,IACA,CAAC,2BAA2B;AAAA,GAC9B;AAEA,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAM,MAAA,cAAA,GACJ,cACA,IAAA,MAAA,CAAO,cACP,IAAA,gBAAA,CAAiB,OAAO,IAAI,CAAA,IAC5B,MAAO,CAAA,IAAA,CAAK,IAAS,KAAA,UAAA;AAEvB,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAO,OAAA;AAAA,wBACL,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,eAAA;AAAA,YACT,SAAU,EAAA,wBAAA;AAAA,YAEV,OAAS,EAAA;AAAA,WAAA;AAAA,UADL;AAAA;AAEN,OACF;AAAA,KACK,MAAA;AACL,MAAM,MAAA,aAAA,mBAAiB,GAAA,CAAA,aAAA,EAAA,EAAc,MAAgB,EAAA,CAAA;AACrD,MAAA,MAAM,cAAc,uBAClB,mBAAA,GAAA;AAAA,QAAC,uBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,GAAG,SAAS,CAAA,MAAA,CAAA;AAAA,UACvB;AAAA;AAAA,OACF,mBAEC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CACzB,MAAA,CAAA,EAAA,QAAA,EAAA,MAAA,CAAO,KAAS,IAAA,MAAA,CAAO,IAC1B,EAAA,CAAA;AAEF,MAAM,MAAA,aAAA,GAAgB,4BAClB,iBAAC,GAAA,CAAC,6BAA0B,MAAoB,EAAA,EAAA,SAAU,CAAE,CAAA,GAC5D,EAAC;AAEL,MAAA,IAAI,yBAAyB,qBAAuB,EAAA;AAClD,QAAM,MAAA,eAAA,GACJ,qBAA0B,KAAA,IAAA,GAAO,KAAY,CAAA,GAAA,qBAAA;AAC/C,QAAA,MAAM,UACJ,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAgB,eAAkC,EAAA,CAAA;AAGhE,QAAI,IAAA,MAAA,CAAO,UAAU,OAAS,EAAA;AAC5B,UAAA,OAAO,CAAC,aAAA,EAAe,WAAa,EAAA,aAAA,EAAe,UAAU,CAAA;AAAA,SACxD,MAAA;AACL,UAAA,OAAO,CAAC,UAAA,EAAY,WAAa,EAAA,aAAA,EAAe,aAAa,CAAA;AAAA;AAC/D,OACK,MAAA;AACL,QAAI,IAAA,MAAA,CAAO,UAAU,OAAS,EAAA;AAC5B,UAAO,OAAA,CAAC,aAAe,EAAA,WAAA,EAAa,aAAa,CAAA;AAAA,SAC5C,MAAA;AACL,UAAO,OAAA,CAAC,WAAa,EAAA,aAAA,EAAe,aAAa,CAAA;AAAA;AACnD;AACF;AACF,GACC,EAAA;AAAA,IACD,yBAAA;AAAA,IACA,uBAAA;AAAA,IACA,eAAA;AAAA,IACA,qBAAA;AAAA,IACA,cAAA;AAAA,IACA,MAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,GAAQ,KAAA;AACP,MAAC,CAAA,UAAA,IAAc,UAAU,GAAG,CAAA;AAAA,KAC9B;AAAA,IACA,CAAC,YAAY,OAAO;AAAA,GACtB;AAEA,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,GAAQ,KAAA;AACP,MAAI,IAAA,GAAA,CAAI,QAAQ,OAAS,EAAA;AACvB,QAAA,OAAA,GAAU,GAAG,CAAA;AAAA;AACf,KACF;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,EAAE,SAAW,EAAA,KAAA,KAAU,OAAQ,CAAA,MAAA,EAAQ,WAAW,IAAI,CAAA;AAE5D,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,iBAAe,MAAO,CAAA,YAAA;AAAA,MACtB,YAAY,EAAA,CAAA,EAAG,MAAO,CAAA,KAAA,IAAS,OAAO,IAAI,CAAA,cAAA,CAAA;AAAA,MAC1C,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,aAAe,EAAA;AAAA,QACtC,CAAC,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW,GAAG,UAAA;AAAA,QAC3B,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG,qBAA0B,KAAA;AAAA,OACpD,CAAA;AAAA,MACD,oBAAkB,MAAO,CAAA,IAAA;AAAA,MACzB,YAAY,EAAA,KAAA;AAAA,MACZ,EAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,aAAA;AAAA,MACX,GAAA,EAAK,UAA2B,CAAA,OAAA,EAAS,WAAW,CAAA;AAAA,MACpD,IAAK,EAAA,cAAA;AAAA,MACL,KAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAG,GAAA,WAAA;AAAA,QACH,OAAO,UAAe,KAAA,KAAA,uBAAS,aAAe,EAAA,EAAA,GAAG,aAAa,CAAK,GAAA;AAAA;AAAA;AAAA,GACtE;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.13.
|
|
2
|
+
"version": "0.13.64",
|
|
3
3
|
"author": "heswell",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"devDependencies": {
|
|
6
|
-
"@vuu-ui/vuu-data-types": "0.13.
|
|
7
|
-
"@vuu-ui/vuu-table-types": "0.13.
|
|
8
|
-
"@vuu-ui/vuu-protocol-types": "0.13.
|
|
6
|
+
"@vuu-ui/vuu-data-types": "0.13.64",
|
|
7
|
+
"@vuu-ui/vuu-table-types": "0.13.64",
|
|
8
|
+
"@vuu-ui/vuu-protocol-types": "0.13.64"
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@salt-ds/core": "1.48.0",
|
|
12
12
|
"@salt-ds/styles": "0.2.1",
|
|
13
13
|
"@salt-ds/window": "0.1.1",
|
|
14
|
-
"@vuu-ui/vuu-context-menu": "0.13.
|
|
15
|
-
"@vuu-ui/vuu-data-react": "0.13.
|
|
16
|
-
"@vuu-ui/vuu-popups": "0.13.
|
|
17
|
-
"@vuu-ui/vuu-table-extras": "0.13.
|
|
18
|
-
"@vuu-ui/vuu-ui-controls": "0.13.
|
|
19
|
-
"@vuu-ui/vuu-utils": "0.13.
|
|
14
|
+
"@vuu-ui/vuu-context-menu": "0.13.64",
|
|
15
|
+
"@vuu-ui/vuu-data-react": "0.13.64",
|
|
16
|
+
"@vuu-ui/vuu-popups": "0.13.64",
|
|
17
|
+
"@vuu-ui/vuu-table-extras": "0.13.64",
|
|
18
|
+
"@vuu-ui/vuu-ui-controls": "0.13.64",
|
|
19
|
+
"@vuu-ui/vuu-utils": "0.13.64"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"clsx": "^2.0.0",
|