@wix/patterns 0.8.0

package/dist/esm/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionSaveViewModal.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js

@@ -0,0 +1,38 @@
+import { InfoIcon, listItemSectionBuilder, listItemSelectBuilder, } from '@wix/design-system';
+import { PREDEFINED_VIEWS_ID, SAVED_VIEWS_ID, } from '../../index';
+import React from 'react';
+export function getCategoryName({ category, viewsState, }) {
+    const { translate: t } = viewsState.collection;
+    if (category.id === SAVED_VIEWS_ID) {
+        return t('cairo.viewDropdown.category.savedViews');
+    }
+    if (category.id === PREDEFINED_VIEWS_ID) {
+        return t('cairo.viewDropdown.category.predefinedViews');
+    }
+    return category.name;
+}
+export function buildCategoryOption({ viewsState, category, }) {
+    return listItemSectionBuilder({
+        id: category.id,
+        title: getCategoryName({ category, viewsState }),
+        type: 'subheader',
+        dataHook: 'view-category',
+        suffix: category.info ? (React.createElement(InfoIcon, Object.assign({}, Object.assign({ size: 'small' }, category.info)))) : undefined,
+    });
+}
+export function getViewName({ view, }) {
+    if (view.name.length > 0) {
+        return view.name;
+    }
+    return '';
+}
+export function buildViewOption({ viewsState, view, }) {
+    const viewName = getViewName({ view, viewsState });
+    return listItemSelectBuilder({
+        id: view.id,
+        title: viewName,
+        label: viewName,
+        dataHook: `view-item`,
+    });
+}
+//# sourceMappingURL=viewsDropdownRenderHelpers.js.map

package/dist/esm/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewsDropdownRenderHelpers.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,mBAAmB,EAEnB,cAAc,GAEf,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,eAAe,CAAuB,EACpD,QAAQ,EACR,UAAU,GAIX;IACC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IAC/C,IAAI,QAAQ,CAAC,EAAE,KAAK,cAAc,EAAE;QAClC,OAAO,CAAC,CAAC,wCAAwC,CAAC,CAAC;KACpD;IACD,IAAI,QAAQ,CAAC,EAAE,KAAK,mBAAmB,EAAE;QACvC,OAAO,CAAC,CAAC,6CAA6C,CAAC,CAAC;KACzD;IACD,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAuB,EACxD,UAAU,EACV,QAAQ,GAIT;IACC,OAAO,sBAAsB,CAAC;QAC5B,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,KAAK,EAAE,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;QAChD,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,oBAAC,QAAQ,oCAAO,IAAI,EAAE,OAAO,IAAK,QAAQ,CAAC,IAAI,GAAM,CACtD,CAAC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAuB,EAChD,IAAI,GAIL;IACC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,eAAe,CAAuB,EACpD,UAAU,EACV,IAAI,GAIL;IACC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAEnD,OAAO,qBAAqB,CAAC;QAC3B,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,WAAW;KACtB,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/components/CommonEmptyState/CommonEmptyState.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import { TextButton } from '@wix/design-system';
+import { useCollectionContext } from '../CollectionContext';
+import { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';
+import { MagnifyingGlassArt } from '../MagnifyingGlassArt';
+function _CommonEmptyState(props) {
+    const { children, actionButtonText, onResetFiltersButtonClick } = props, rest = __rest(props, ["children", "actionButtonText", "onResetFiltersButtonClick"]);
+    const state = useCollectionContext();
+    const { translate: t, result: { originQuery }, } = state;
+    const { hasNonPersistentActiveFilters } = originQuery;
+    let button;
+    if (hasNonPersistentActiveFilters) {
+        button = (React.createElement(TextButton, { dataHook: "empty-state-clear-filters-button", onClick: () => {
+                onResetFiltersButtonClick === null || onResetFiltersButtonClick === void 0 ? void 0 : onResetFiltersButtonClick({
+                    query: originQuery,
+                });
+                state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });
+                state.resetFiltersAndRefresh();
+            } }, actionButtonText !== null && actionButtonText !== void 0 ? actionButtonText : t('cairo.emptyState.reset.button')));
+    }
+    return (React.createElement(CollectionEmptyStateBase, Object.assign({ state: state, image: React.createElement(MagnifyingGlassArt, null) }, rest),
+        button,
+        children));
+}
+/**
+ * @deprecated Use instead: `import { CollectionEmptyState } from '@wix/patterns';`
+ */
+export const CommonEmptyState = observer(_CommonEmptyState);
+//# sourceMappingURL=CommonEmptyState.js.map

package/dist/esm/components/CommonEmptyState/CommonEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonEmptyState.js","sourceRoot":"","sources":["../../../../src/components/CommonEmptyState/CommonEmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAmB,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,SAAS,iBAAiB,CAAC,KAA4B;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,yBAAyB,KAC3D,KAAK,EAD2D,IAAI,UACpE,KAAK,EADD,6DAAkE,CACjE,CAAC;IAER,MAAM,KAAK,GAAG,oBAAoB,EAA+B,CAAC;IAElE,MAAM,EACJ,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE,EAAE,WAAW,EAAE,GACxB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,6BAA6B,EAAE,GAAG,WAAW,CAAC;IAEtD,IAAI,MAAM,CAAC;IAEX,IAAI,6BAA6B,EAAE;QACjC,MAAM,GAAG,CACP,oBAAC,UAAU,IACT,QAAQ,EAAC,kCAAkC,EAC3C,OAAO,EAAE,GAAG,EAAE;gBACZ,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAG;oBAC1B,KAAK,EAAE,WAAW;iBACnB,CAAC,CAAC;gBACH,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC;gBACpE,KAAK,CAAC,sBAAsB,EAAE,CAAC;YACjC,CAAC,IAEA,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,CAAC,+BAA+B,CAAC,CAC5C,CACd,CAAC;KACH;IAED,OAAO,CACL,oBAAC,wBAAwB,kBACvB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,oBAAC,kBAAkB,OAAG,IACzB,IAAI;QAEP,MAAM;QACN,QAAQ,CACgB,CAC5B,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/components/CommonEmptyState/index.js

@@ -0,0 +1,2 @@
+export * from './CommonEmptyState';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CommonEmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CommonEmptyState/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/CommonTableEmptyState/CommonTableEmptyState.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Table } from '@wix/design-system';
+import { CommonEmptyState } from '../CommonEmptyState';
+/**
+ * @deprecated
+ * Use instead: `import { CollectionEmptyState } from '@wix/patterns';`
+ */
+export function CommonTableEmptyState(props) {
+    const { children } = props, rest = __rest(props, ["children"]);
+    return (React.createElement(CommonEmptyState, Object.assign({ component: Table.EmptyState }, rest), children));
+}
+//# sourceMappingURL=CommonTableEmptyState.js.map

package/dist/esm/components/CommonTableEmptyState/CommonTableEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonTableEmptyState.js","sourceRoot":"","sources":["../../../../src/components/CommonTableEmptyState/CommonTableEmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAO9E;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAQ,CAAC;IAEpC,OAAO,CACL,oBAAC,gBAAgB,kBAAC,SAAS,EAAE,KAAK,CAAC,UAAU,IAAM,IAAI,GACpD,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC"}

package/dist/esm/components/CommonTableEmptyState/index.js

@@ -0,0 +1,2 @@
+export * from './CommonTableEmptyState';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CommonTableEmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CommonTableEmptyState/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/CounterBadgeButton/CounterBadgeButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Box, CounterBadge } from '@wix/design-system';
+export const CounterBadgeButton = (props) => {
+    const { children, count = 0, dataHook = 'counter-badge-count' } = props;
+    return (React.createElement(Box, { position: "relative" },
+        children,
+        count > 0 && (React.createElement(Box, { position: "absolute", top: 3, right: 3, transform: "translate3d(50%, -50%, 0)", pointerEvents: "none" },
+            React.createElement(CounterBadge, { dataHook: dataHook, skin: "neutralStandard" }, count)))));
+};
+//# sourceMappingURL=CounterBadgeButton.js.map

package/dist/esm/components/CounterBadgeButton/CounterBadgeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeButton.js","sourceRoot":"","sources":["../../../../src/components/CounterBadgeButton/CounterBadgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAExE,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAC,UAAU;QACrB,QAAQ;QACR,KAAK,GAAG,CAAC,IAAI,CACZ,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,2BAA2B,EACrC,aAAa,EAAC,MAAM;YAEpB,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,iBAAiB,IACrD,KAAK,CACO,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CounterBadgeButton/index.js

@@ -0,0 +1,2 @@
+export * from './CounterBadgeButton';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CounterBadgeButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CounterBadgeButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/CustomColumns/CustomColumns.js

@@ -0,0 +1,12 @@
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import React from 'react';
+import { setCustomColumnsState } from '../../state/initCustomColumns';
+import { CustomColumnsCTAButton } from '../CustomColumnsPanel/CustomColumnsCTAButton';
+export function CustomColumns({ onColumnClick }) {
+    const state = useToolbarCollectionContext();
+    return React.createElement(CustomColumnsCTAButton, { onColumnClick: onColumnClick, state: state });
+}
+CustomColumns.setCustomColumnsState = setCustomColumnsState;
+CustomColumns.dragAndDrop = undefined;
+CustomColumns.displayName = 'CustomColumns';
+//# sourceMappingURL=CustomColumns.js.map

package/dist/esm/components/CustomColumns/CustomColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumns.js","sourceRoot":"","sources":["../../../../src/components/CustomColumns/CustomColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAetF,MAAM,UAAU,aAAa,CAAC,EAAE,aAAa,EAAsB;IACjE,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAC5C,OAAO,oBAAC,sBAAsB,IAAC,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChF,CAAC;AAED,aAAa,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;AAC5D,aAAa,CAAC,WAAW,GAAG,SAEf,CAAC;AACd,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/components/CustomColumns/CustomColumnsDragAndDrop.js

@@ -0,0 +1,4 @@
+import { ListDragAndDrop } from '../ListDragAndDrop/ListDragAndDrop';
+import { CustomColumnsDragAndDropState } from '../../state/CustomColumnsDragAndDropState';
+export const CustomColumnsDragAndDrop = Object.assign(Object.assign({}, ListDragAndDrop), { CustomColumnsDragAndDropState });
+//# sourceMappingURL=CustomColumnsDragAndDrop.js.map

package/dist/esm/components/CustomColumns/CustomColumnsDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/CustomColumns/CustomColumnsDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AAE1F,MAAM,CAAC,MAAM,wBAAwB,mCAChC,eAAe,KAClB,6BAA6B,GAC9B,CAAC"}

package/dist/esm/components/CustomColumns/CustomColumnsFull.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CustomColumns } from './CustomColumns';
+import { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';
+import { setCustomColumnsState } from '../../state/initCustomColumns';
+export function CustomColumnsFull(props) {
+    return React.createElement(CustomColumns, Object.assign({}, props));
+}
+CustomColumnsFull.setCustomColumnsState = setCustomColumnsState;
+CustomColumnsFull.dragAndDrop = CustomColumnsDragAndDrop;
+CustomColumnsFull.displayName = 'CustomColumns';
+//# sourceMappingURL=CustomColumnsFull.js.map

package/dist/esm/components/CustomColumns/CustomColumnsFull.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsFull.js","sourceRoot":"","sources":["../../../../src/components/CustomColumns/CustomColumnsFull.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAA0B,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAItE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,oBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC;AACtC,CAAC;AAED,iBAAiB,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;AAChE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB,CAAC;AACzD,iBAAiB,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/components/CustomColumns/index.js

@@ -0,0 +1,3 @@
+export * from './CustomColumns';
+export * from './CustomColumnsFull';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CustomColumns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomColumns/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/esm/components/CustomColumnsPanel/ColumnListTableListItem.js

@@ -0,0 +1,75 @@
+import { __rest } from "tslib";
+import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';
+import React, { useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+function _ColumnListTableListItem(props) {
+    var _a;
+    const { column, state, showDivider, domRef, dragging, draggable, dragHandleProps, index, rowIndex, columnIndex, droppable } = props, rest = __rest(props, ["column", "state", "showDivider", "domRef", "dragging", "draggable", "dragHandleProps", "index", "rowIndex", "columnIndex", "droppable"]);
+    const { select } = state;
+    const { collectionDataExtension } = useToolbarCollectionContext();
+    const { translate: t } = useWixPatternsContainer();
+    const { infoTooltipProps } = column;
+    const checkboxDisabled = !column.hideable;
+    const dragDisabled = column.reorderDisabled;
+    const checked = select.isChecked(column.id);
+    const infoContent = (infoTooltipProps === null || infoTooltipProps === void 0 ? void 0 : infoTooltipProps.panelContent) || (infoTooltipProps === null || infoTooltipProps === void 0 ? void 0 : infoTooltipProps.content);
+    const style = useMemo(() => ({
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'relative',
+    }), []);
+    const dataExtensionsCTA = ((_a = collectionDataExtension === null || collectionDataExtension === void 0 ? void 0 : collectionDataExtension.DataExtension) === null || _a === void 0 ? void 0 : _a.CustomColumnsEditCustomFieldCTAButton) &&
+        column.dataExtension &&
+        column.dataExtension.editable && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton, { field: column.dataExtension }));
+    return (React.createElement("div", Object.assign({}, rest, { ref: domRef, style: style, "data-hook": `column-item-${column.id}` }),
+        React.createElement(TableListItem, { showDivider: showDivider, checkbox: true, checked: checked, verticalPadding: "tiny", checkboxDisabled: checkboxDisabled, checkboxTooltipContent: checkboxDisabled
+                ? dragDisabled
+                    ? t('cairo.table.custom-columns.disabled.tooltip')
+                    : t('cairo.table.custom-columns.hidden.disabled.tooltip')
+                : undefined, checkboxTooltipProps: {
+                maxWidth: '400px',
+                appendTo: 'window',
+                disabled: !checkboxDisabled,
+            }, onCheckboxChange: () => {
+                if (checkboxDisabled) {
+                    return;
+                }
+                state.onColumnCheckboxToggle(column);
+                state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });
+            }, draggable: true, dragging: dragging, dragDisabled: dragDisabled, dragHandleProps: Object.assign(Object.assign({}, dragHandleProps), { tooltipContent: dragDisabled
+                    ? checkboxDisabled
+                        ? t('cairo.table.custom-columns.disabled.tooltip')
+                        : t('cairo.table.custom-columns.move.disabled.tooltip')
+                    : undefined, tooltipProps: {
+                    maxWidth: '400px',
+                    appendTo: 'window',
+                } }), options: [
+                {
+                    value: (React.createElement(Box, null,
+                        React.createElement("div", { style: {
+                                padding: '0 6px',
+                                cursor: checkboxDisabled ? undefined : 'pointer',
+                                wordBreak: 'break-word',
+                            }, onClick: () => {
+                                if (checkboxDisabled) {
+                                    return;
+                                }
+                                state.onColumnCheckboxToggle(column);
+                            } },
+                            React.createElement(Text, { size: "small", dataHook: "tableListItem-label" }, column.name || column.title || column.id)),
+                        React.createElement("div", { style: { cursor: 'default' }, onPointerDown: (e) => e.stopPropagation() }, infoContent && (React.createElement(InfoIcon, Object.assign({ size: "small" }, infoTooltipProps, { dataHook: "info-icon", content: infoContent })))))),
+                },
+                ...(dataExtensionsCTA
+                    ? [
+                        {
+                            value: dataExtensionsCTA,
+                            align: 'right',
+                        },
+                    ]
+                    : []),
+            ] })));
+}
+export const ColumnListTableListItem = observer(_ColumnListTableListItem);
+//# sourceMappingURL=ColumnListTableListItem.js.map

package/dist/esm/components/CustomColumnsPanel/ColumnListTableListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnListTableListItem.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomColumnsPanel/ColumnsList.js

@@ -0,0 +1,50 @@
+import { observer } from 'mobx-react-lite';
+import React, { useCallback, useEffect } from 'react';
+import { Box } from '@wix/design-system';
+import { addEventListener } from '@wix/bex-core/util';
+import { ColumnListTableListItem } from './ColumnListTableListItem';
+function _ColumnsList(props) {
+    const { state } = props;
+    const { columnsCollection, dragAndDrop } = state;
+    useEffect(() => {
+        if (dragAndDrop == null) {
+            return;
+        }
+        const { table: { sidePanel }, } = state;
+        const disposers = [
+            addEventListener(sidePanel.transition.events, 'entered', () => {
+                dragAndDrop.listRect._syncThrottled();
+            }),
+            dragAndDrop.listRect.init(),
+        ];
+        return () => {
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
+        };
+    }, []);
+    const renderItem = useCallback((column, index, { length }) => {
+        let child = (React.createElement(ColumnListTableListItem, { key: column.id, index: index, state: state, column: column, showDivider: index < length - 1 }));
+        if (dragAndDrop) {
+            const { DraggableListItem } = dragAndDrop.components;
+            child = (React.createElement(DraggableListItem, { key: column.id, dndDisabled: column.reorderDisabled, id: column.id, index: index, state: dragAndDrop }, child));
+        }
+        return child;
+    }, []);
+    let child = (React.createElement(Box, { direction: "vertical", dataHook: "custom-columns-list", backgroundColor: "D60" }, columnsCollection.result.items.map(renderItem)));
+    if (dragAndDrop) {
+        const { ListDragAndDropContext, DraggableListItemOverlay } = dragAndDrop.components;
+        child = (React.createElement(ListDragAndDropContext, { state: dragAndDrop, onSubmit: async ({ from, over }) => {
+                var _a;
+                state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });
+                (_a = state.dragAndDrop) === null || _a === void 0 ? void 0 : _a._onCustomColumnsReorder(from.item.id, over.item.id);
+            } },
+            React.createElement(React.Fragment, null,
+                child,
+                React.createElement(DraggableListItemOverlay, { state: dragAndDrop, renderItem: (index) => {
+                        const item = columnsCollection.result.items[index];
+                        return item ? renderItem(item, index, { length: 0 }) : null;
+                    } }))));
+    }
+    return child;
+}
+export const ColumnsList = observer(_ColumnsList);
+//# sourceMappingURL=ColumnsList.js.map

package/dist/esm/components/CustomColumnsPanel/ColumnsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsList.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomColumnsPanel/CustomColumnsCTAButton.js

@@ -0,0 +1,46 @@
+import { Button, IconButton, Tooltip, } from '@wix/design-system';
+import React, { useEffect } from 'react';
+import { withoutDefaults } from '@wix/bex-core';
+import { observer } from 'mobx-react-lite';
+import { AdjustSmall, TableChartSmall } from '@wix/wix-ui-icons-common';
+import { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';
+import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
+export function _CustomColumnsCTAButton({ state, onColumnClick, dragAndDrop, }) {
+    const { container: { translate: t, experiments }, } = state;
+    const analyticsButtonDiscoverability = experiments === null || experiments === void 0 ? void 0 : experiments.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
+    useEffect(() => {
+        CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;
+        state.panels.registerSidePanel('customColumns', CustomColumnsPanelEntry);
+    }, []);
+    useEffect(() => {
+        if (state.customColumnsState) {
+            state.customColumnsState.onColumnClick = onColumnClick;
+        }
+    }, [onColumnClick, state.customColumnsStateInitialized]);
+    const text = t('cairo.table.custom-columns.button.cta');
+    const props = {
+        size: 'small',
+        priority: 'secondary',
+        dataHook: 'custom-columns-button',
+        onClick: () => {
+            const isOpened = state.panels.toggleSidePanel('customColumns');
+            state.reportBi(withoutDefaults(cairoFiltersPanelUsed)({
+                isOpened,
+                feature: 'Custom Columns',
+                origin: 'Custom Columns CTA',
+            }));
+        },
+    };
+    const getButton = () => {
+        if (analyticsButtonDiscoverability === 'b' ||
+            analyticsButtonDiscoverability === 'c') {
+            return (React.createElement(Button, Object.assign({}, props, { prefixIcon: analyticsButtonDiscoverability === 'b' ? (React.createElement(AdjustSmall, null)) : (React.createElement(TableChartSmall, null)) }), text));
+        }
+        return (React.createElement(Tooltip, { content: t('cairo.table.custom-columns.button.tooltip') },
+            React.createElement(IconButton, Object.assign({}, props),
+                React.createElement(AdjustSmall, null))));
+    };
+    return getButton();
+}
+export const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);
+//# sourceMappingURL=CustomColumnsCTAButton.js.map

package/dist/esm/components/CustomColumnsPanel/CustomColumnsCTAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsCTAButton.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EAEV,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAQzD,MAAM,UAAU,uBAAuB,CAA0B,EAC/D,KAAK,EACL,aAAa,EACb,WAAW,GACuB;IAClC,MAAM,EACJ,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,GACzC,GAAG,KAAK,CAAC;IAEV,MAAM,8BAA8B,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CACrD,kDAAkD,CACnD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,uBAAuB,CAAC,wBAAwB,GAAG,WAAW,CAAC;QAC/D,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC5B,KAAK,CAAC,kBAAkB,CAAC,aAAa,GAAG,aAAa,CAAC;SACxD;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC;IAEzD,MAAM,IAAI,GAAG,CAAC,CAAC,uCAAuC,CAAC,CAAC;IACxD,MAAM,KAAK,GAAoB;QAC7B,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,uBAAuB;QACjC,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;YAE/D,KAAK,CAAC,QAAQ,CACZ,eAAe,CAAC,qBAAqB,CAAC,CAAC;gBACrC,QAAQ;gBACR,OAAO,EAAE,gBAAgB;gBACzB,MAAM,EAAE,oBAAoB;aAC7B,CAAC,CACH,CAAC;QACJ,CAAC;KACF,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IACE,8BAA8B,KAAK,GAAG;YACtC,8BAA8B,KAAK,GAAG,EACtC;YACA,OAAO,CACL,oBAAC,MAAM,oBACD,KAAK,IACT,UAAU,EACR,8BAA8B,KAAK,GAAG,CAAC,CAAC,CAAC,CACvC,oBAAC,WAAW,OAAG,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,OAAG,CACpB,KAGF,IAAI,CACE,CACV,CAAC;SACH;QAED,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,2CAA2C,CAAC;YAC9D,oBAAC,UAAU,oBAAK,KAAK;gBACnB,oBAAC,WAAW,OAAG,CACJ,CACL,CACX,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,SAAS,EAAE,CAAC;AACrB,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js

@@ -0,0 +1,41 @@
+import { SidePanel } from '@wix/design-system';
+import React, { useEffect } from 'react';
+import { withoutDefaults } from '@wix/bex-core';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { ColumnsList } from './ColumnsList';
+import { useRafRender } from '../../hooks/useRafRender';
+import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
+import { ScrollableContent } from '../ScrollableContent';
+export function _CustomColumnsPanel({ state, }) {
+    var _a;
+    const container = useWixPatternsContainer();
+    const { translate: t } = container;
+    const entered = useRafRender();
+    const { table, dragAndDrop } = state;
+    const { sidePanel, collectionDataExtension } = table;
+    useEffect(() => state.init(), []);
+    if (!entered) {
+        return null;
+    }
+    return (React.createElement(SidePanel, { dataHook: "custom-columns-panel", width: "100%", onCloseButtonClick: () => {
+            table.reportBi(withoutDefaults(cairoFiltersPanelUsed)({
+                isOpened: false,
+                feature: 'Custom Columns',
+                origin: 'X Button',
+            }));
+            sidePanel.close();
+        } },
+        React.createElement(SidePanel.Header, { title: t('cairo.table.custom-columns.title'), subtitle: dragAndDrop
+                ? t('cairo.table.custom-columns.dragAndDrop.subtitle')
+                : t('cairo.table.custom-columns.subtitle') }),
+        React.createElement(ScrollableContent, { overflowY: true, dataHook: "custom-columns-panel-scroll-container", ref: (e) => {
+                if (state.dragAndDrop) {
+                    state.dragAndDrop.listRect.element = e;
+                }
+            } },
+            React.createElement(ColumnsList, { state: state })),
+        ((_a = collectionDataExtension === null || collectionDataExtension === void 0 ? void 0 : collectionDataExtension.DataExtension) === null || _a === void 0 ? void 0 : _a.CustomColumnsAddCustomFieldCTAButton) && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, null))));
+}
+export const CustomColumnsPanel = observer(_CustomColumnsPanel);
+//# sourceMappingURL=CustomColumnsPanel.js.map

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsPanel.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAMzD,MAAM,UAAU,mBAAmB,CAA0B,EAC3D,KAAK,GACyB;;IAC9B,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IAEnC,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAC,sBAAsB,EAC/B,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,GAAG,EAAE;YACvB,KAAK,CAAC,QAAQ,CACZ,eAAe,CAAC,qBAAqB,CAAC,CAAC;gBACrC,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,gBAAgB;gBACzB,MAAM,EAAE,UAAU;aACnB,CAAC,CACH,CAAC;YACF,SAAS,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC;QAED,oBAAC,SAAS,CAAC,MAAM,IACf,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAC5C,QAAQ,EACN,WAAW;gBACT,CAAC,CAAC,CAAC,CAAC,iDAAiD,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,qCAAqC,CAAC,GAE9C;QACF,oBAAC,iBAAiB,IAChB,SAAS,QACT,QAAQ,EAAC,uCAAuC,EAChD,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;gBACT,IAAI,KAAK,CAAC,WAAW,EAAE;oBACrB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;iBACxC;YACH,CAAC;YAED,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CACX;QACnB,CAAA,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,aAAa,0CACnC,oCAAoC,KAAI,CAC1C,oBAAC,uBAAuB,CAAC,aAAa,CAAC,oCAAoC,OAAG,CAC/E,CACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.js

@@ -0,0 +1,83 @@
+import { CheckboxUniDriver, InfoIconUniDriver, SidePanelUniDriver, TooltipUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { SlidingModalUniDriver } from '../SlidingModal/SlidingModal.uni.driver';
+import { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';
+import { CustomFieldPopoverUniDriver } from '../CustomFieldsPanel/CustomFieldPopover.uni.driver';
+import { CustomFieldsDisabledHintUniDriver } from '../CustomFields/CustomFieldsDisabledHint.uni.driver';
+export function CustomColumnsPanelUniDriver(base, body) {
+    const panelBase = () => base.$('[data-hook="custom-columns-panel"]');
+    const panel = () => SidePanelUniDriver(panelBase(), body);
+    const slidingModal = () => SlidingModalUniDriver(base.$('[data-hook="cairo-side-panel-modal"]'), body);
+    const addItem = () => CustomFieldsDisabledHintUniDriver(base, body, {
+        dataHook: 'data-extension-add-new',
+    });
+    const list = () => panelBase().$('[data-hook="custom-columns-list"]');
+    const getDragAndDropDriver = () => DragAndDropUniDriver(list());
+    const items = () => panelBase().$$('[data-hook="custom-columns-list"] > div');
+    const getItemAtBase = (i) => items().get(i);
+    const getItemByIdBase = (id) => list().$(`[data-hook="column-item-${id}"]`);
+    const getCheckboxAt = (i) => {
+        const getCheckboxBase = () => getItemAtBase(i).$('[data-hook="tableListItem-checkbox"]');
+        return {
+            wait: (timeout) => getItemAtBase(i).wait(timeout),
+            getLabel: () => getItemAtBase(i).$('[data-hook="tableListItem-label"]').text(),
+            getTooltipContent: () => CheckboxUniDriver(getCheckboxBase(), body).getTooltipContent(),
+            isChecked: () => CheckboxUniDriver(getCheckboxBase(), body).isChecked(),
+            isDisabled: () => CheckboxUniDriver(getCheckboxBase(), body).isDisabled(),
+            click: () => CheckboxUniDriver(getCheckboxBase(), body).click(),
+            exists: () => getCheckboxBase().exists(),
+        };
+    };
+    const customFieldPopoverMenuAt = (i) => CustomFieldPopoverUniDriver(getItemAtBase(i), body);
+    const getDragHandle = (base) => base.$('[data-hook="tableListItem-dragHandle"]');
+    const getCheckboxById = (id) => {
+        const getCheckboxBase = () => getItemByIdBase(id).$('[data-hook="tableListItem-checkbox"]');
+        return {
+            wait: (timeout) => getItemByIdBase(id).wait(timeout),
+            getLabel: () => getItemByIdBase(id).$('[data-hook="tableListItem-label"]').text(),
+            getTooltipContent: () => CheckboxUniDriver(getCheckboxBase(), body).getTooltipContent(),
+            isChecked: () => CheckboxUniDriver(getCheckboxBase(), body).isChecked(),
+            isDisabled: () => CheckboxUniDriver(getCheckboxBase(), body).isDisabled(),
+            click: () => CheckboxUniDriver(getCheckboxBase(), body).click(),
+            exists: () => getCheckboxBase().exists(),
+        };
+    };
+    const addNewExists = () => addItem().exists();
+    const clickAddNew = () => addItem().click();
+    return {
+        exists: () => panelBase().exists(),
+        isOpen: () => Promise.all([slidingModal().isOpen(), panel().exists()]).then((arr) => arr.every(Boolean)),
+        getTitle: () => panel().getTitleText(),
+        getSubtitle: () => panel().getSubtitleText(),
+        clickCloseButton: () => panel().clickClose(),
+        closeButtonExists: () => panel().isCloseButtonExists(),
+        checkOptions: async (ids) => {
+            for (const id of ids) {
+                const checkbox = getCheckboxById(id);
+                await checkbox.wait();
+                await checkbox.click();
+            }
+        },
+        getCheckboxAt,
+        getCheckboxById,
+        dragHandleExistsAt: (i) => getDragHandle(getItemAtBase(i)).exists(),
+        dragHandleLockedAt: async (i) => (await getDragHandle(getItemAtBase(i))
+            .$('[data-hook="drag-handle-button"]')
+            .attr('data-disabled')) === 'true',
+        _dragHandleTooltipById: (id) => TooltipUniDriver(getItemByIdBase(id).$('[data-hook="tableListItem-dragHandle"]'), body),
+        dragStart: async (sourceIndex) => getDragAndDropDriver().dragStart(await getItemAtBase(sourceIndex)),
+        dragMove: () => getDragAndDropDriver().dragMove(),
+        dragEnd: async (targetIndex) => getDragAndDropDriver().dragEnd(await getItemAtBase(targetIndex)),
+        getCheckboxesCount: () => items().count(),
+        getTitles: () => items().map((item) => item.$('[data-hook="tableListItem-label"]').text()),
+        getCustomColumnInfoIconAt: (index) => InfoIconUniDriver(getItemAtBase(index).$('[data-hook="info-icon"]'), body),
+        addNewExists,
+        clickAddNew,
+        getAddCustomFieldCTAButton: () => addItem(),
+        customFieldPopoverMenuAt,
+        getCustomFieldOptionsAt: (i) => customFieldPopoverMenuAt(i).getCustomFieldOptionsAt(),
+        customFieldPopoverMenuExistsAt: (i) => customFieldPopoverMenuAt(i).exists(),
+        _getDragAndDropDriver: getDragAndDropDriver,
+        _getItemAtBase: getItemAtBase,
+    };
+}
+//# sourceMappingURL=CustomColumnsPanel.uni.driver.js.map

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsPanel.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanelEntry.js

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { CustomColumnsPanel } from './CustomColumnsPanel';
+import { CustomColumnsState } from '../../state';
+import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+function _CustomColumnsPanelEntry() {
+    const toolbar = useToolbarCollectionContext();
+    if (process.env.NODE_ENV !== 'production') {
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.68.0',
+            requiredBy: 'Cairo/CustomColumns',
+        });
+    }
+    const [state] = useState(() => {
+        var _a;
+        return ((_a = toolbar.customColumnsState) !== null && _a !== void 0 ? _a : (toolbar.customColumnsState = new CustomColumnsState({
+            table: toolbar,
+            container: toolbar.container,
+            dragAndDrop: CustomColumnsPanelEntry.CustomColumnsDragAndDrop,
+        })));
+    });
+    return React.createElement(CustomColumnsPanel, { state: state });
+}
+export const CustomColumnsPanelEntry = _CustomColumnsPanelEntry;
+//# sourceMappingURL=CustomColumnsPanelEntry.js.map

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanelEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsPanelEntry.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAEtF,SAAS,wBAAwB;IAC/B,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAE9C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,qBAAqB;SAClC,CAAC,CAAC;KACJ;IAED,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE;;QACH,OAAA,OAAC,OAAO,CAAC,kBAAkB,oCAA1B,OAAO,CAAC,kBAAkB,GAAK,IAAI,kBAAkB,CAAC;YACrD,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,WAAW,EAAE,uBAAuB,CAAC,wBAAwB;SAC9D,CAAC,EAAC,CAAA;KAAA,CACN,CAAC;IAEF,OAAO,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC9C,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAClC,wBAEC,CAAC"}

package/dist/esm/components/CustomColumnsPanel/index.js

@@ -0,0 +1,2 @@
+export * from './CustomColumnsPanel';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CustomColumnsPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}