@wix/patterns 1.498.0 → 1.500.0

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

@@ -48,6 +48,16 @@ function _ColumnListTableListItem(props) {
     icons: column.fieldTypeIcons
   }) : null;
   const checkboxDisabled = !column.hideable;
+  const toggleColumnVisibility = () => {
+    if (checkboxDisabled) {
+      return;
+    }
+    state.onColumnCheckboxToggle(column);
+    state.customizeColumnsInSidePanelBi({
+      actionName: 'visibility',
+      key: column.id
+    });
+  };
   const hasSearchValue = state.searchValue.trim().length > 0;
   const dragDisabled = column.reorderDisabled || hasSearchValue;
   const checked = select.isChecked(column.id);
@@ -71,7 +81,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 90,
       columnNumber: 5
     }
   })) : null;
@@ -84,7 +94,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 101,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, (0, _extends2.default)({
@@ -102,15 +112,7 @@ function _ColumnListTableListItem(props) {
       appendTo: 'window',
       disabled: !checkboxDisabled
     },
-    onCheckboxChange: () => {
-      if (checkboxDisabled) {
-        return;
-      }
-      state.onColumnCheckboxToggle(column);
-      state.customizeColumnsInSidePanelBi({
-        actionName: 'visibility'
-      });
-    }
+    onCheckboxChange: () => toggleColumnVisibility()
   }, hasSearchValue ? {} : {
     draggable: true,
     dragging,
@@ -133,7 +135,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 147,
+          lineNumber: 151,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -147,16 +149,11 @@ function _ColumnListTableListItem(props) {
           overflow: 'hidden',
           minWidth: 0
         },
-        onClick: () => {
-          if (checkboxDisabled) {
-            return;
-          }
-          state.onColumnCheckboxToggle(column);
-        },
+        onClick: toggleColumnVisibility,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 152,
+          lineNumber: 156,
           columnNumber: 17
         }
       }, prefixIcon && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -167,7 +164,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 169,
           columnNumber: 21
         }
       }, prefixIcon), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -179,7 +176,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 179,
+          lineNumber: 178,
           columnNumber: 19
         }
       }, column.name || column.title || column.id), isRequired && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -189,7 +186,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 189,
+          lineNumber: 188,
           columnNumber: 21
         }
       }, "\xA0*")), /*#__PURE__*/_react.default.createElement("div", {
@@ -200,7 +197,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 195,
+          lineNumber: 194,
           columnNumber: 17
         }
       }, infoContent && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
@@ -211,7 +208,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 200,
+          lineNumber: 199,
           columnNumber: 21
         }
       }))))
@@ -222,7 +219,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 216,
+          lineNumber: 215,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_FieldIndications.FieldIndications, {
@@ -230,7 +227,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 217,
+          lineNumber: 216,
           columnNumber: 23
         }
       }), manageFieldMenu),
@@ -240,7 +237,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 107,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_FieldActions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","manageFieldsSource","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","showFieldTypeIcons","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","icons","fieldTypeIcons","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","menuConfig","field","fieldActionsMenu","fieldId","origin","location","undefined","manageFieldMenu","createElement","FieldActionsPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","dataExtension","hasRightContent","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","showSelectionBorder","checkboxTooltipContent","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","minWidth","flexGrow","alignItems","padding","cursor","overflow","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","ellipsis","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","width","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\nimport { FieldActionsPopover } from '../FieldActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n  props: ColumnListTableListItemProps<T, F>,\n) {\n  const {\n    column,\n    state,\n    showDivider,\n    domRef,\n    dragging,\n    dragHandleProps,\n    index,\n    rowIndex,\n    columnIndex,\n    droppable,\n    ...rest\n  } = props;\n  const { select } = state;\n\n  const { manageFieldsSource } = state;\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const showFieldTypeIcons = state.showFieldTypeIcons;\n\n  const { infoTooltipProps } = column;\n  const prefixIcon = showFieldTypeIcons\n    ? getFieldTypeIcon({\n        fieldType: column.fieldType,\n        icons: column.fieldTypeIcons,\n      })\n    : null;\n\n  const checkboxDisabled = !column.hideable;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const dragDisabled = column.reorderDisabled || hasSearchValue;\n  const checked = select.isChecked(column.id);\n  const infoContent =\n    infoTooltipProps?.panelContent || infoTooltipProps?.content;\n  const isRequired =\n    column.validation?.some((r) => r.type === 'required') ?? false;\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  // The source field is stamped on the column at projection time. The source\n  // builds the per-field manage menu (edit / delete / archive …) as data; we\n  // render it with the shared popover. Null when the field has no menu.\n  const menuConfig = column.field\n    ? manageFieldsSource?.fieldActionsMenu?.({\n        fieldId: column.field.id,\n        origin: 'Custom columns panel',\n        location: 'Customize columns action cell',\n      })\n    : undefined;\n  const manageFieldMenu = menuConfig ? (\n    <FieldActionsPopover {...menuConfig} />\n  ) : null;\n\n  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent = hasIndications || !!manageFieldMenu;\n\n  return (\n    <div\n      {...rest}\n      ref={domRef}\n      style={style}\n      data-hook={`column-item-${column.id}`}\n    >\n      <TableListItem\n        showDivider={showDivider}\n        checkbox\n        checked={checked}\n        verticalPadding=\"tiny\"\n        horizontalPadding={isHarmonyTheme ? 'tiny' : 'small'}\n        dragHandleSize=\"small\"\n        showSelectionBorder={isHarmonyTheme ? false : undefined}\n        checkboxDisabled={checkboxDisabled}\n        checkboxTooltipContent={\n          checkboxDisabled\n            ? dragDisabled\n              ? t('cairo.table.custom-columns.disabled.tooltip')\n              : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n            : undefined\n        }\n        checkboxTooltipProps={{\n          maxWidth: '400px',\n          appendTo: 'window',\n          disabled: !checkboxDisabled,\n        }}\n        onCheckboxChange={() => {\n          if (checkboxDisabled) {\n            return;\n          }\n          state.onColumnCheckboxToggle(column);\n          state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });\n        }}\n        {...(hasSearchValue\n          ? {}\n          : {\n              draggable: true,\n              dragging,\n              dragDisabled,\n              dragHandleProps: {\n                ...dragHandleProps,\n                tooltipContent: dragDisabled\n                  ? checkboxDisabled\n                    ? t('cairo.table.custom-columns.disabled.tooltip')\n                    : t('cairo.table.custom-columns.move.disabled.tooltip')\n                  : undefined,\n                tooltipProps: {\n                  maxWidth: '400px',\n                  appendTo: 'window',\n                },\n              },\n            })}\n        options={[\n          {\n            value: (\n              <Box\n                {...(prefixIcon ? { verticalAlign: 'middle' } : {})}\n                minWidth={0}\n                flexGrow={1}\n              >\n                <div\n                  style={{\n                    ...(prefixIcon\n                      ? { display: 'flex', alignItems: 'center' }\n                      : {}),\n                    padding: '0',\n                    cursor: checkboxDisabled ? undefined : 'pointer',\n                    overflow: 'hidden',\n                    minWidth: 0,\n                  }}\n                  onClick={() => {\n                    if (checkboxDisabled) {\n                      return;\n                    }\n                    state.onColumnCheckboxToggle(column);\n                  }}\n                >\n                  {prefixIcon && (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      marginRight=\"SP1\"\n                      flexShrink={0}\n                    >\n                      {prefixIcon}\n                    </Box>\n                  )}\n                  <Text\n                    size=\"small\"\n                    weight={isHarmonyTheme ? 'thin' : 'normal'}\n                    dataHook=\"tableListItem-label\"\n                    ellipsis\n                    appendTo=\"window\"\n                  >\n                    {column.name || column.title || column.id}\n                  </Text>\n                  {isRequired && (\n                    <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n                      &nbsp;*\n                    </Text>\n                  )}\n                </div>\n\n                <div\n                  style={{ cursor: 'default' }}\n                  onPointerDown={(e) => e.stopPropagation()}\n                >\n                  {infoContent && (\n                    <InfoIcon\n                      size=\"small\"\n                      {...infoTooltipProps}\n                      dataHook=\"info-icon\"\n                      content={infoContent}\n                    />\n                  )}\n                </div>\n              </Box>\n            ),\n          },\n\n          ...(hasRightContent\n            ? [\n                {\n                  value: (\n                    <Box gap=\"SP1\" verticalAlign=\"middle\">\n                      <FieldIndications column={column} />\n                      {manageFieldMenu}\n                    </Box>\n                  ),\n                  align: 'right' as const,\n                  width: 'auto',\n                },\n              ]\n            : []),\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_FieldActions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","manageFieldsSource","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","showFieldTypeIcons","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","icons","fieldTypeIcons","checkboxDisabled","hideable","toggleColumnVisibility","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","key","id","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","menuConfig","field","fieldActionsMenu","fieldId","origin","location","undefined","manageFieldMenu","createElement","FieldActionsPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","dataExtension","hasRightContent","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","showSelectionBorder","checkboxTooltipContent","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","minWidth","flexGrow","alignItems","padding","cursor","overflow","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","ellipsis","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","width","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\nimport { FieldActionsPopover } from '../FieldActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n  props: ColumnListTableListItemProps<T, F>,\n) {\n  const {\n    column,\n    state,\n    showDivider,\n    domRef,\n    dragging,\n    dragHandleProps,\n    index,\n    rowIndex,\n    columnIndex,\n    droppable,\n    ...rest\n  } = props;\n  const { select } = state;\n\n  const { manageFieldsSource } = state;\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const showFieldTypeIcons = state.showFieldTypeIcons;\n\n  const { infoTooltipProps } = column;\n  const prefixIcon = showFieldTypeIcons\n    ? getFieldTypeIcon({\n        fieldType: column.fieldType,\n        icons: column.fieldTypeIcons,\n      })\n    : null;\n\n  const checkboxDisabled = !column.hideable;\n  const toggleColumnVisibility = () => {\n    if (checkboxDisabled) {\n      return;\n    }\n    state.onColumnCheckboxToggle(column);\n    state.customizeColumnsInSidePanelBi({\n      actionName: 'visibility',\n      key: column.id,\n    });\n  };\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const dragDisabled = column.reorderDisabled || hasSearchValue;\n  const checked = select.isChecked(column.id);\n  const infoContent =\n    infoTooltipProps?.panelContent || infoTooltipProps?.content;\n  const isRequired =\n    column.validation?.some((r) => r.type === 'required') ?? false;\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  // The source field is stamped on the column at projection time. The source\n  // builds the per-field manage menu (edit / delete / archive …) as data; we\n  // render it with the shared popover. Null when the field has no menu.\n  const menuConfig = column.field\n    ? manageFieldsSource?.fieldActionsMenu?.({\n        fieldId: column.field.id,\n        origin: 'Custom columns panel',\n        location: 'Customize columns action cell',\n      })\n    : undefined;\n  const manageFieldMenu = menuConfig ? (\n    <FieldActionsPopover {...menuConfig} />\n  ) : null;\n\n  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent = hasIndications || !!manageFieldMenu;\n\n  return (\n    <div\n      {...rest}\n      ref={domRef}\n      style={style}\n      data-hook={`column-item-${column.id}`}\n    >\n      <TableListItem\n        showDivider={showDivider}\n        checkbox\n        checked={checked}\n        verticalPadding=\"tiny\"\n        horizontalPadding={isHarmonyTheme ? 'tiny' : 'small'}\n        dragHandleSize=\"small\"\n        showSelectionBorder={isHarmonyTheme ? false : undefined}\n        checkboxDisabled={checkboxDisabled}\n        checkboxTooltipContent={\n          checkboxDisabled\n            ? dragDisabled\n              ? t('cairo.table.custom-columns.disabled.tooltip')\n              : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n            : undefined\n        }\n        checkboxTooltipProps={{\n          maxWidth: '400px',\n          appendTo: 'window',\n          disabled: !checkboxDisabled,\n        }}\n        onCheckboxChange={() => toggleColumnVisibility()}\n        {...(hasSearchValue\n          ? {}\n          : {\n              draggable: true,\n              dragging,\n              dragDisabled,\n              dragHandleProps: {\n                ...dragHandleProps,\n                tooltipContent: dragDisabled\n                  ? checkboxDisabled\n                    ? t('cairo.table.custom-columns.disabled.tooltip')\n                    : t('cairo.table.custom-columns.move.disabled.tooltip')\n                  : undefined,\n                tooltipProps: {\n                  maxWidth: '400px',\n                  appendTo: 'window',\n                },\n              },\n            })}\n        options={[\n          {\n            value: (\n              <Box\n                {...(prefixIcon ? { verticalAlign: 'middle' } : {})}\n                minWidth={0}\n                flexGrow={1}\n              >\n                <div\n                  style={{\n                    ...(prefixIcon\n                      ? { display: 'flex', alignItems: 'center' }\n                      : {}),\n                    padding: '0',\n                    cursor: checkboxDisabled ? undefined : 'pointer',\n                    overflow: 'hidden',\n                    minWidth: 0,\n                  }}\n                  onClick={toggleColumnVisibility}\n                >\n                  {prefixIcon && (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      marginRight=\"SP1\"\n                      flexShrink={0}\n                    >\n                      {prefixIcon}\n                    </Box>\n                  )}\n                  <Text\n                    size=\"small\"\n                    weight={isHarmonyTheme ? 'thin' : 'normal'}\n                    dataHook=\"tableListItem-label\"\n                    ellipsis\n                    appendTo=\"window\"\n                  >\n                    {column.name || column.title || column.id}\n                  </Text>\n                  {isRequired && (\n                    <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n                      &nbsp;*\n                    </Text>\n                  )}\n                </div>\n\n                <div\n                  style={{ cursor: 'default' }}\n                  onPointerDown={(e) => e.stopPropagation()}\n                >\n                  {infoContent && (\n                    <InfoIcon\n                      size=\"small\"\n                      {...infoTooltipProps}\n                      dataHook=\"info-icon\"\n                      content={infoContent}\n                    />\n                  )}\n                </div>\n              </Box>\n            ),\n          },\n\n          ...(hasRightContent\n            ? [\n                {\n                  value: (\n                    <Box gap=\"SP1\" verticalAlign=\"middle\">\n                      <FieldIndications column={column} />\n                      {manageFieldMenu}\n                    </Box>\n                  ),\n                  align: 'right' as const,\n                  width: 'auto',\n                },\n              ]\n            : []),\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldCollectionInput.js

@@ -40,14 +40,34 @@ const _CustomFieldCollectionInput = ({
   if (!state.collectionInput) {
     return null;
   }
-  const options = query ? state.collectionOptions.filter(option => option.label.toLowerCase().includes(query)) : state.collectionOptions;
   const selectedOption = state.collectionOptions.find(option => option.id === referencedCollectionId.value);
+  const toOption = option => (0, _designSystem.listItemSelectBuilder)({
+    dataHook: `custom-field-modal-reference-collection-${option.id}`,
+    id: option.id,
+    title: option.label,
+    label: option.label
+  });
+  const matchesSearch = option => option.label.toLowerCase().includes(query);
+  const toDropdownOptions = (entries, path = []) => entries.flatMap((entry, index) => {
+    if ('options' in entry) {
+      const groupPath = [...path, index];
+      const options = toDropdownOptions(entry.options, groupPath);
+      return options.length ? [(0, _designSystem.listItemSectionBuilder)({
+        id: `custom-field-modal-reference-collection-group-${groupPath.join('-')}`,
+        dataHook: `custom-field-modal-reference-collection-group-${groupPath.join('-')}`,
+        type: path.length === 0 && entry.options.some(option => 'options' in option) ? 'title' : 'subheader',
+        title: entry.heading
+      }), ...options] : [];
+    }
+    return matchesSearch(entry) ? [toOption(entry)] : [];
+  });
+  const dropdownOptions = toDropdownOptions(state.collectionOptionEntries);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 12,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 102,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -59,7 +79,7 @@ const _CustomFieldCollectionInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 103,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
@@ -79,25 +99,20 @@ const _CustomFieldCollectionInput = ({
     status: referencedCollectionId.hasError || state.collectionOptionsError ? 'error' : undefined,
     placeholder: state.collectionInputPlaceholder,
     emptyStateMessage: state.collectionInputEmptyStateMessage,
-    options: options.map(option => (0, _designSystem.listItemSelectBuilder)({
-      dataHook: `custom-field-modal-reference-collection-${option.id}`,
-      id: option.id,
-      title: option.label,
-      label: option.label
-    })),
+    options: dropdownOptions,
     fixedFooter: dropdownAction && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       direction: "vertical",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 137,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 138,
         columnNumber: 17
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -107,7 +122,7 @@ const _CustomFieldCollectionInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 106,
+          lineNumber: 142,
           columnNumber: 45
         }
       }),
@@ -118,7 +133,7 @@ const _CustomFieldCollectionInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 139,
         columnNumber: 17
       }
     })),
@@ -129,7 +144,7 @@ const _CustomFieldCollectionInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 110,
       columnNumber: 9
     }
   }), state.collectionOptionsLoading && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -137,7 +152,7 @@ const _CustomFieldCollectionInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 158,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/CustomFieldModal/CustomFieldCollectionInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldCollectionInput","state","_state$collectionInpu","form","$","referencedCollectionId","inputRef","React","useRef","search","setSearch","useState","query","trim","toLowerCase","loader","collectionOptionsLoader","dropdownAction","collectionInput","ActionIcon","icon","actionPending","isCollectionActionPending","handleAction","_inputRef$current","current","hideOptions","runCollectionAction","_inputRef$current2","focus","useEffect","loadCollectionOptions","options","collectionOptions","filter","option","label","includes","selectedOption","find","id","value","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","dataHook","required","collectionInputLabel","status","hasError","undefined","statusMessage","error","AutoComplete","ref","disabled","mode","selectedId","onChange","event","target","onSelect","setReferencedCollectionId","String","onClose","collectionOptionsError","placeholder","collectionInputPlaceholder","emptyStateMessage","collectionInputEmptyStateMessage","map","listItemSelectBuilder","title","fixedFooter","Box","direction","Divider","ListItemAction","prefixIcon","size","skin","isSubmitting","onClick","popoverProps","appendTo","zIndex","collectionOptionsLoading","exports","CustomFieldCollectionInput","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldCollectionInput.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Cell,\n  Divider,\n  ListItemAction,\n  FormField,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\n\nexport interface CustomFieldCollectionInputProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldCollectionInput = ({\n  state,\n}: CustomFieldCollectionInputProps) => {\n  const {\n    form: {\n      $: { referencedCollectionId },\n    },\n  } = state;\n  const inputRef = React.useRef<AutoComplete>(null);\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n  const loader = state.collectionOptionsLoader;\n  const dropdownAction = state.collectionInput?.dropdownAction;\n  const ActionIcon = dropdownAction?.icon;\n  const actionPending = state.isCollectionActionPending;\n  const handleAction = async () => {\n    inputRef.current?.hideOptions();\n    setSearch(null);\n    if (await state.runCollectionAction()) {\n      inputRef.current?.focus();\n    }\n  };\n\n  useEffect(() => {\n    void state.loadCollectionOptions();\n  }, [loader, state]);\n\n  if (!state.collectionInput) {\n    return null;\n  }\n\n  const options = query\n    ? state.collectionOptions.filter((option) =>\n        option.label.toLowerCase().includes(query),\n      )\n    : state.collectionOptions;\n  const selectedOption = state.collectionOptions.find(\n    (option) => option.id === referencedCollectionId.value,\n  );\n\n  return (\n    <Cell span={12}>\n      <FormField\n        dataHook=\"custom-field-modal-field-reference-collection\"\n        required={state.collectionInput.required ?? true}\n        label={state.collectionInputLabel}\n        status={referencedCollectionId.hasError ? 'error' : undefined}\n        statusMessage={referencedCollectionId.error}\n      >\n        <AutoComplete\n          ref={inputRef}\n          dataHook=\"custom-field-modal-reference-collection\"\n          disabled={state.mode === 'edit' || actionPending}\n          value={\n            search ??\n            selectedOption?.label ??\n            referencedCollectionId.value ??\n            ''\n          }\n          selectedId={referencedCollectionId.value}\n          onChange={(event) => setSearch(event.target.value)}\n          onSelect={({ id }) => {\n            state.setReferencedCollectionId(String(id));\n            setSearch(null);\n          }}\n          onClose={() => setSearch(null)}\n          status={\n            referencedCollectionId.hasError || state.collectionOptionsError\n              ? 'error'\n              : undefined\n          }\n          placeholder={state.collectionInputPlaceholder}\n          emptyStateMessage={state.collectionInputEmptyStateMessage}\n          options={options.map((option) =>\n            listItemSelectBuilder({\n              dataHook: `custom-field-modal-reference-collection-${option.id}`,\n              id: option.id,\n              title: option.label,\n              label: option.label,\n            }),\n          )}\n          fixedFooter={\n            dropdownAction && (\n              <Box direction=\"vertical\">\n                <Divider />\n                <ListItemAction\n                  dataHook=\"custom-field-modal-collection-action\"\n                  title={dropdownAction.label}\n                  prefixIcon={ActionIcon && <ActionIcon />}\n                  size=\"small\"\n                  skin=\"primary\"\n                  disabled={\n                    dropdownAction.disabled ||\n                    actionPending ||\n                    state.isSubmitting\n                  }\n                  onClick={handleAction}\n                />\n              </Box>\n            )\n          }\n          popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n        />\n        {state.collectionOptionsLoading && (\n          <Box dataHook=\"custom-field-modal-reference-collection-loading\" />\n        )}\n      </FormField>\n    </Cell>\n  );\n};\n\nexport const CustomFieldCollectionInput = observer(_CustomFieldCollectionInput);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldCollectionInput","state","_state$collectionInpu","form","$","referencedCollectionId","inputRef","React","useRef","search","setSearch","useState","query","trim","toLowerCase","loader","collectionOptionsLoader","dropdownAction","collectionInput","ActionIcon","icon","actionPending","isCollectionActionPending","handleAction","_inputRef$current","current","hideOptions","runCollectionAction","_inputRef$current2","focus","useEffect","loadCollectionOptions","selectedOption","collectionOptions","find","option","id","value","toOption","listItemSelectBuilder","dataHook","title","label","matchesSearch","includes","toDropdownOptions","entries","path","flatMap","entry","index","groupPath","options","length","listItemSectionBuilder","join","type","some","heading","dropdownOptions","collectionOptionEntries","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","required","collectionInputLabel","status","hasError","undefined","statusMessage","error","AutoComplete","ref","disabled","mode","selectedId","onChange","event","target","onSelect","setReferencedCollectionId","String","onClose","collectionOptionsError","placeholder","collectionInputPlaceholder","emptyStateMessage","collectionInputEmptyStateMessage","fixedFooter","Box","direction","Divider","ListItemAction","prefixIcon","size","skin","isSubmitting","onClick","popoverProps","appendTo","zIndex","collectionOptionsLoading","exports","CustomFieldCollectionInput","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldCollectionInput.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Cell,\n  Divider,\n  ListItemAction,\n  FormField,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport type {\n  FieldModalCollectionEntry,\n  FieldModalCollectionOption,\n} from '@wix/bex-core';\n\nexport interface CustomFieldCollectionInputProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldCollectionInput = ({\n  state,\n}: CustomFieldCollectionInputProps) => {\n  const {\n    form: {\n      $: { referencedCollectionId },\n    },\n  } = state;\n  const inputRef = React.useRef<AutoComplete>(null);\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n  const loader = state.collectionOptionsLoader;\n  const dropdownAction = state.collectionInput?.dropdownAction;\n  const ActionIcon = dropdownAction?.icon;\n  const actionPending = state.isCollectionActionPending;\n  const handleAction = async () => {\n    inputRef.current?.hideOptions();\n    setSearch(null);\n    if (await state.runCollectionAction()) {\n      inputRef.current?.focus();\n    }\n  };\n\n  useEffect(() => {\n    void state.loadCollectionOptions();\n  }, [loader, state]);\n\n  if (!state.collectionInput) {\n    return null;\n  }\n\n  const selectedOption = state.collectionOptions.find(\n    (option) => option.id === referencedCollectionId.value,\n  );\n  const toOption = (option: FieldModalCollectionOption) =>\n    listItemSelectBuilder({\n      dataHook: `custom-field-modal-reference-collection-${option.id}`,\n      id: option.id,\n      title: option.label,\n      label: option.label,\n    });\n  const matchesSearch = (option: FieldModalCollectionOption) =>\n    option.label.toLowerCase().includes(query);\n  const toDropdownOptions = (\n    entries: FieldModalCollectionEntry[],\n    path: number[] = [],\n  ): (\n    | ReturnType<typeof listItemSectionBuilder>\n    | ReturnType<typeof listItemSelectBuilder>\n  )[] =>\n    entries.flatMap((entry, index) => {\n      if ('options' in entry) {\n        const groupPath = [...path, index];\n        const options = toDropdownOptions(entry.options, groupPath);\n        return options.length\n          ? [\n              listItemSectionBuilder({\n                id: `custom-field-modal-reference-collection-group-${groupPath.join(\n                  '-',\n                )}`,\n                dataHook: `custom-field-modal-reference-collection-group-${groupPath.join(\n                  '-',\n                )}`,\n                type:\n                  path.length === 0 &&\n                  entry.options.some((option) => 'options' in option)\n                    ? 'title'\n                    : 'subheader',\n                title: entry.heading,\n              }),\n              ...options,\n            ]\n          : [];\n      }\n      return matchesSearch(entry) ? [toOption(entry)] : [];\n    });\n  const dropdownOptions = toDropdownOptions(state.collectionOptionEntries);\n\n  return (\n    <Cell span={12}>\n      <FormField\n        dataHook=\"custom-field-modal-field-reference-collection\"\n        required={state.collectionInput.required ?? true}\n        label={state.collectionInputLabel}\n        status={referencedCollectionId.hasError ? 'error' : undefined}\n        statusMessage={referencedCollectionId.error}\n      >\n        <AutoComplete\n          ref={inputRef}\n          dataHook=\"custom-field-modal-reference-collection\"\n          disabled={state.mode === 'edit' || actionPending}\n          value={\n            search ??\n            selectedOption?.label ??\n            referencedCollectionId.value ??\n            ''\n          }\n          selectedId={referencedCollectionId.value}\n          onChange={(event) => setSearch(event.target.value)}\n          onSelect={({ id }) => {\n            state.setReferencedCollectionId(String(id));\n            setSearch(null);\n          }}\n          onClose={() => setSearch(null)}\n          status={\n            referencedCollectionId.hasError || state.collectionOptionsError\n              ? 'error'\n              : undefined\n          }\n          placeholder={state.collectionInputPlaceholder}\n          emptyStateMessage={state.collectionInputEmptyStateMessage}\n          options={dropdownOptions}\n          fixedFooter={\n            dropdownAction && (\n              <Box direction=\"vertical\">\n                <Divider />\n                <ListItemAction\n                  dataHook=\"custom-field-modal-collection-action\"\n                  title={dropdownAction.label}\n                  prefixIcon={ActionIcon && <ActionIcon />}\n                  size=\"small\"\n                  skin=\"primary\"\n                  disabled={\n                    dropdownAction.disabled ||\n                    actionPending ||\n                    state.isSubmitting\n                  }\n                  onClick={handleAction}\n                />\n              </Box>\n            )\n          }\n          popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n        />\n        {state.collectionOptionsLoading && (\n          <Box dataHook=\"custom-field-modal-reference-collection-loading\" />\n        )}\n      </FormField>\n    </Cell>\n  );\n};\n\nexport const CustomFieldCollectionInput = observer(_CustomFieldCollectionInput);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CustomFieldFormPiiFields3841276795";
+var _namespace_ = "CustomFieldFormPiiFields1586461540";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CustomFieldFormPiiFields3841276795__root",
-  "tooltipText": "CustomFieldFormPiiFields3841276795__tooltipText"
+  "root": "CustomFieldFormPiiFields1586461540__root",
+  "tooltipText": "CustomFieldFormPiiFields1586461540__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields3841276795\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields3841276795__root\",\"tooltipText\":\"CustomFieldFormPiiFields3841276795__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields1586461540\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields1586461540__root\",\"tooltipText\":\"CustomFieldFormPiiFields1586461540__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle3841274347";
+var _namespace_ = "DragHandle4258833218";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle3841274347__root"
+  "root": "DragHandle4258833218__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3841274347\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle3841274347__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4258833218\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle4258833218__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.st.css.js

@@ -6,18 +6,18 @@ require("./cellTypes/text/Edit.st.css.js");
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell3911066076";
+var _namespace_ = "EditableCell620503216";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EditableCell3911066076__root",
-  "textInputArea": "Edit3013026992__inputArea",
-  "selectorRow": "EditableCell3911066076__selectorRow",
-  "errorPopover": "EditableCell3911066076__errorPopover",
-  "errorMessage": "EditableCell3911066076__errorMessage"
+  "root": "EditableCell620503216__root",
+  "textInputArea": "Edit2116025688__inputArea",
+  "selectorRow": "EditableCell620503216__selectorRow",
+  "errorPopover": "EditableCell620503216__errorPopover",
+  "errorMessage": "EditableCell620503216__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","_stylableEsmRuntime","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\nimport \"./cellTypes/text/Edit.st.css.js\";\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3911066076\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell3911066076__root\",\"textInputArea\":\"Edit3013026992__inputArea\",\"selectorRow\":\"EditableCell3911066076__selectorRow\",\"errorPopover\":\"EditableCell3911066076__errorPopover\",\"errorMessage\":\"EditableCell3911066076__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-outline-focus-outer\":\"--wds-outline-focus-outer\",\"wds-outline-focus-inner\":\"--wds-outline-focus-inner\",\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\",\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\",\"wds-table-action-cell-backdrop-opacity\":\"--wds-table-action-cell-backdrop-opacity\"}; \n\n\n\n\n"],"mappings":";;;;AAEAA,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAHA;;AAOA,IAAIE,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC,2BAA2B;EAAC,aAAa,EAAC,qCAAqC;EAAC,cAAc,EAAC,sCAAsC;EAAC,cAAc,EAAC;AAAsC,CAAC;AACjQ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,wCAAwC,EAAC;AAA0C,CAAC","ignoreList":[]}
+{"version":3,"names":["require","_stylableEsmRuntime","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\nimport \"./cellTypes/text/Edit.st.css.js\";\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell620503216\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell620503216__root\",\"textInputArea\":\"Edit2116025688__inputArea\",\"selectorRow\":\"EditableCell620503216__selectorRow\",\"errorPopover\":\"EditableCell620503216__errorPopover\",\"errorMessage\":\"EditableCell620503216__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-outline-focus-outer\":\"--wds-outline-focus-outer\",\"wds-outline-focus-inner\":\"--wds-outline-focus-inner\",\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\",\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\",\"wds-table-action-cell-backdrop-opacity\":\"--wds-table-action-cell-backdrop-opacity\"}; \n\n\n\n\n"],"mappings":";;;;AAEAA,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAHA;;AAOA,IAAIE,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,eAAe,EAAC,2BAA2B;EAAC,aAAa,EAAC,oCAAoC;EAAC,cAAc,EAAC,qCAAqC;EAAC,cAAc,EAAC;AAAqC,CAAC;AAC7P,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,wCAAwC,EAAC;AAA0C,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "HeaderActionsPopover196658962";
+var _namespace_ = "HeaderActionsPopover4006224701";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "HeaderActionsPopover196658962__root"
+  "root": "HeaderActionsPopover4006224701__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover196658962\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"HeaderActionsPopover196658962__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover4006224701\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"HeaderActionsPopover4006224701__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CellViewLayout2730238222";
+var _namespace_ = "CellViewLayout1454011264";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CellViewLayout2730238222__root"
+  "root": "CellViewLayout1454011264__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout2730238222\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CellViewLayout2730238222__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout1454011264\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CellViewLayout1454011264__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/JsonInputEdit.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "JsonInputEdit3868361337";
+var _namespace_ = "JsonInputEdit4294019092";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "JsonInputEdit3868361337__root",
-  "jsonInput": "JsonInputEdit3868361337__jsonInput"
+  "root": "JsonInputEdit4294019092__root",
+  "jsonInput": "JsonInputEdit4294019092__jsonInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};