@wix/patterns 1.422.0 → 1.424.0

package/dist/cjs/components/DropdownFilter/CollectionDropdownFilter.uni.driver.js

@@ -88,6 +88,14 @@ const CollectionDropdownFilterUniDriver = (optionsDriver, dataHook, base, body)
   const hasDivider = async () => {
     return (await getAvailableOptionsIds()).some(id => id === 'promoted-section-divider');
   };
+  const isOptionDisabled = async id => {
+    const option = await optionsDriver.dropdownLayoutDriver.optionById(id);
+    return option.isDisabled();
+  };
+  const hasOptionDisabledTooltip = async id => {
+    const option = await optionsDriver.dropdownLayoutDriver.optionById(id);
+    return option.element().$('[data-hook="list-item-select-disabled-tooltip"]').exists();
+  };
   return {
     ...optionsDriver,
     waitForOptions,
@@ -108,6 +116,8 @@ const CollectionDropdownFilterUniDriver = (optionsDriver, dataHook, base, body)
     initialLoaderExists,
     infiniteScrollLoaderExists,
     hasDivider,
+    isOptionDisabled,
+    hasOptionDisabledTooltip,
     existInFilter,
     _getDropdownLayoutBase: getDropdownLayoutBase,
     scrollDown: async () => {

package/dist/cjs/components/DropdownFilter/CollectionDropdownFilter.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_shuffle","_interopRequireDefault","_nativeEnv","CollectionDropdownFilterUniDriver","optionsDriver","dataHook","base","body","waitForOptions","total","timeout","waitFor","dropdownLayoutDriver","optionsLength","options","getDropdownLayoutBase","contentDataHook","attr","$","baseDataHook","getOptions","ids","map","id","optionById","getOptionsCount","getAvailableOptionsIds","maybeIds","Promise","all","option","hook","element","replace","filter","value","getInputPlaceholder","inputDriver","getPlaceholder","isNoSearchResults","exists","isErrorStateExists","getEmptyStateText","TextUniDriver","getText","initialLoaderExists","infiniteScrollLoaderExists","clickOptions","clickAtOptionByDataHook","existInFilter","selectRandomOptions","count","click","getRandomOptions","selectOptions","close","mouseClickOutside","clickInputClear","clickClear","shuffle","slice","closeDropdown","clickedIds","selectOption","clickedId","hasDivider","some","_getDropdownLayoutBase","scrollDown","getNative","contentHook","contentSelector","isSled2","page","evaluate","_dataHook","_contentSelector","e","document","querySelector","scrollBy","behavior","top","scrollHeight","isSled3","baseLocator","unwrap","locator","el","dispatchEvent","Event","exports"],"sources":["../../../../src/components/DropdownFilter/CollectionDropdownFilter.uni.driver.ts"],"sourcesContent":["import { TextUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { InputWithOptionsUniDriver } from '@wix/design-system/dist/types/InputWithOptions/InputWithOptions.uni.driver';\nimport { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport shuffle from 'lodash/shuffle';\nimport { isSled2, isSled3 } from '../../unidriver/nativeEnv';\n\nexport const CollectionDropdownFilterUniDriver = <\n  T extends Omit<InputWithOptionsUniDriver, 'driver'>,\n>(\n  optionsDriver: T,\n  dataHook: string,\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const waitForOptions = async (total = 1, timeout = 3000) => {\n    await waitFor(\n      async () =>\n        (await optionsDriver.dropdownLayoutDriver.optionsLength()) >= total,\n      timeout,\n    );\n\n    return optionsDriver.dropdownLayoutDriver.options();\n  };\n\n  const getDropdownLayoutBase = async () => {\n    const contentDataHook = await base.attr('data-content-hook');\n    if (contentDataHook) {\n      return body.$(`[data-content-element=\"${contentDataHook}\"]`);\n    }\n\n    const baseDataHook = await base.attr('data-hook');\n\n    return body.$(`[data-hook=\"${baseDataHook}-content\"]`);\n  };\n\n  const getOptions = async (ids: string[]) => {\n    return ids.map(async (id) => {\n      return optionsDriver.dropdownLayoutDriver.optionById(id);\n    });\n  };\n\n  const getOptionsCount = () => {\n    return optionsDriver.dropdownLayoutDriver.optionsLength();\n  };\n\n  const getAvailableOptionsIds = async () => {\n    const options = await optionsDriver.dropdownLayoutDriver.options();\n\n    const maybeIds = await Promise.all(\n      options.map(async (option) => {\n        const hook = await option.element().attr('data-hook');\n        return hook?.replace(/^dropdown-item-/, '');\n      }),\n    );\n\n    return maybeIds.filter((value): value is string => value != null);\n  };\n\n  const getInputPlaceholder = () => {\n    return optionsDriver.inputDriver.getPlaceholder();\n  };\n\n  const isNoSearchResults = async () =>\n    (await getDropdownLayoutBase()).$('[data-hook=\"empty-state\"]').exists();\n\n  const isErrorStateExists = async () =>\n    (await getDropdownLayoutBase())\n      .$('[data-hook=\"filter-error-state\"]')\n      .exists();\n\n  const getEmptyStateText = async () =>\n    TextUniDriver(\n      (await getDropdownLayoutBase()).$('[data-hook=\"empty-state-text\"]'),\n      body,\n    ).getText();\n\n  const initialLoaderExists = async () =>\n    (await getDropdownLayoutBase()).$('[data-hook=\"initial-loader\"]').exists();\n  const infiniteScrollLoaderExists = async () =>\n    (await getDropdownLayoutBase())\n      .$('[data-hook=\"dropdownLayout-loader\"]')\n      .exists();\n\n  const clickOptions = async (ids: string[]) => {\n    for (const id of ids) {\n      await optionsDriver.dropdownLayoutDriver.clickAtOptionByDataHook(\n        `dropdown-item-${id}`,\n      );\n    }\n\n    return ids;\n  };\n\n  const existInFilter = async (dataHook: string) =>\n    (await getDropdownLayoutBase()).$(`[data-hook=\"${dataHook}\"]`).exists();\n\n  const selectRandomOptions = async (\n    count: number,\n    options: { closeDropdown?: boolean } = {},\n  ) => {\n    await optionsDriver.inputDriver.click();\n\n    const ids = await getRandomOptions(count);\n\n    return selectOptions(ids, options);\n  };\n\n  const close = () => optionsDriver.dropdownLayoutDriver.mouseClickOutside();\n  const clickInputClear = () => optionsDriver.inputDriver.clickClear();\n\n  const getRandomOptions = async (count: number) => {\n    await waitForOptions(count);\n\n    const options = await optionsDriver.dropdownLayoutDriver.options();\n    const maybeIds = await Promise.all(\n      options.map(async (option) => {\n        const dataHook = await option.element().attr('data-hook');\n        return dataHook?.replace(/^dropdown-item-/, '');\n      }),\n    );\n\n    const ids = maybeIds.filter((value): value is string => value != null);\n\n    return shuffle(ids).slice(0, count);\n  };\n\n  const selectOptions = async (\n    ids: string[],\n    { closeDropdown = true }: { closeDropdown?: boolean } = {},\n  ) => {\n    await optionsDriver.inputDriver.click();\n\n    await waitForOptions();\n    const clickedIds = await clickOptions(ids);\n\n    if (closeDropdown) {\n      await close();\n    }\n\n    return clickedIds;\n  };\n\n  const selectOption = async (id: string) => {\n    await optionsDriver.inputDriver.click();\n\n    await waitForOptions();\n    const clickedId = await clickOptions([id]);\n\n    return clickedId[0] || [];\n  };\n\n  const hasDivider = async () => {\n    return (await getAvailableOptionsIds()).some(\n      (id) => id === 'promoted-section-divider',\n    );\n  };\n\n  return {\n    ...optionsDriver,\n    waitForOptions,\n    getOptions,\n    clickOptions,\n    close,\n    clickInputClear,\n    selectOptions,\n    selectOption,\n    selectRandomOptions,\n    getRandomOptions,\n    getOptionsCount,\n    getAvailableOptionsIds,\n    getInputPlaceholder,\n    isNoSearchResults,\n    getEmptyStateText,\n    isErrorStateExists,\n    initialLoaderExists,\n    infiniteScrollLoaderExists,\n    hasDivider,\n    existInFilter,\n    _getDropdownLayoutBase: getDropdownLayoutBase,\n    scrollDown: async () => {\n      const element = await base.getNative();\n\n      const contentHook = await base.attr('data-content-hook');\n      const baseDataHook = await base.attr('data-hook');\n      const contentSelector = contentHook\n        ? `[data-content-element=\"${contentHook}\"]`\n        : `[data-hook=\"${baseDataHook}-content\"]`;\n\n      // puppeteer\n      if (isSled2(element)) {\n        const { page } = element as { page: { evaluate: Function } };\n        await page.evaluate(\n          (_dataHook: string, _contentSelector: string) => {\n            const e = document.querySelector(\n              `[data-hook=\"${_dataHook}\"] ${_contentSelector}`,\n            )!;\n            e.scrollBy({ behavior: 'smooth', top: e.scrollHeight });\n          },\n          dataHook,\n          contentSelector,\n        );\n      }\n      // playwright\n      else if (isSled3(element)) {\n        const baseLocator = (await base.unwrap()) as {\n          locator: (selector: string) => {\n            evaluate: (fn: (el: HTMLElement) => void) => Promise<void>;\n          };\n        };\n        await baseLocator.locator(contentSelector).evaluate((el) => {\n          el.scrollBy({ behavior: 'smooth', top: el.scrollHeight });\n        });\n      }\n      // jsdom\n      else {\n        await (\n          await base.$(contentSelector).getNative()\n        ).dispatchEvent(new Event('scroll'));\n      }\n    },\n  };\n};\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEO,MAAMK,iCAAiC,GAAGA,CAG/CC,aAAgB,EAChBC,QAAgB,EAChBC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,cAAc,GAAG,MAAAA,CAAOC,KAAK,GAAG,CAAC,EAAEC,OAAO,GAAG,IAAI,KAAK;IAC1D,MAAM,IAAAC,mBAAO,EACX,YACE,CAAC,MAAMP,aAAa,CAACQ,oBAAoB,CAACC,aAAa,CAAC,CAAC,KAAKJ,KAAK,EACrEC,OACF,CAAC;IAED,OAAON,aAAa,CAACQ,oBAAoB,CAACE,OAAO,CAAC,CAAC;EACrD,CAAC;EAED,MAAMC,qBAAqB,GAAG,MAAAA,CAAA,KAAY;IACxC,MAAMC,eAAe,GAAG,MAAMV,IAAI,CAACW,IAAI,CAAC,mBAAmB,CAAC;IAC5D,IAAID,eAAe,EAAE;MACnB,OAAOT,IAAI,CAACW,CAAC,CAAC,0BAA0BF,eAAe,IAAI,CAAC;IAC9D;IAEA,MAAMG,YAAY,GAAG,MAAMb,IAAI,CAACW,IAAI,CAAC,WAAW,CAAC;IAEjD,OAAOV,IAAI,CAACW,CAAC,CAAC,eAAeC,YAAY,YAAY,CAAC;EACxD,CAAC;EAED,MAAMC,UAAU,GAAG,MAAOC,GAAa,IAAK;IAC1C,OAAOA,GAAG,CAACC,GAAG,CAAC,MAAOC,EAAE,IAAK;MAC3B,OAAOnB,aAAa,CAACQ,oBAAoB,CAACY,UAAU,CAACD,EAAE,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC;EAED,MAAME,eAAe,GAAGA,CAAA,KAAM;IAC5B,OAAOrB,aAAa,CAACQ,oBAAoB,CAACC,aAAa,CAAC,CAAC;EAC3D,CAAC;EAED,MAAMa,sBAAsB,GAAG,MAAAA,CAAA,KAAY;IACzC,MAAMZ,OAAO,GAAG,MAAMV,aAAa,CAACQ,oBAAoB,CAACE,OAAO,CAAC,CAAC;IAElE,MAAMa,QAAQ,GAAG,MAAMC,OAAO,CAACC,GAAG,CAChCf,OAAO,CAACQ,GAAG,CAAC,MAAOQ,MAAM,IAAK;MAC5B,MAAMC,IAAI,GAAG,MAAMD,MAAM,CAACE,OAAO,CAAC,CAAC,CAACf,IAAI,CAAC,WAAW,CAAC;MACrD,OAAOc,IAAI,oBAAJA,IAAI,CAAEE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC7C,CAAC,CACH,CAAC;IAED,OAAON,QAAQ,CAACO,MAAM,CAAEC,KAAK,IAAsBA,KAAK,IAAI,IAAI,CAAC;EACnE,CAAC;EAED,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;IAChC,OAAOhC,aAAa,CAACiC,WAAW,CAACC,cAAc,CAAC,CAAC;EACnD,CAAC;EAED,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KACxB,CAAC,MAAMxB,qBAAqB,CAAC,CAAC,EAAEG,CAAC,CAAC,2BAA2B,CAAC,CAACsB,MAAM,CAAC,CAAC;EAEzE,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KACzB,CAAC,MAAM1B,qBAAqB,CAAC,CAAC,EAC3BG,CAAC,CAAC,kCAAkC,CAAC,CACrCsB,MAAM,CAAC,CAAC;EAEb,MAAME,iBAAiB,GAAG,MAAAA,CAAA,KACxB,IAAAC,wBAAa,EACX,CAAC,MAAM5B,qBAAqB,CAAC,CAAC,EAAEG,CAAC,CAAC,gCAAgC,CAAC,EACnEX,IACF,CAAC,CAACqC,OAAO,CAAC,CAAC;EAEb,MAAMC,mBAAmB,GAAG,MAAAA,CAAA,KAC1B,CAAC,MAAM9B,qBAAqB,CAAC,CAAC,EAAEG,CAAC,CAAC,8BAA8B,CAAC,CAACsB,MAAM,CAAC,CAAC;EAC5E,MAAMM,0BAA0B,GAAG,MAAAA,CAAA,KACjC,CAAC,MAAM/B,qBAAqB,CAAC,CAAC,EAC3BG,CAAC,CAAC,qCAAqC,CAAC,CACxCsB,MAAM,CAAC,CAAC;EAEb,MAAMO,YAAY,GAAG,MAAO1B,GAAa,IAAK;IAC5C,KAAK,MAAME,EAAE,IAAIF,GAAG,EAAE;MACpB,MAAMjB,aAAa,CAACQ,oBAAoB,CAACoC,uBAAuB,CAC9D,iBAAiBzB,EAAE,EACrB,CAAC;IACH;IAEA,OAAOF,GAAG;EACZ,CAAC;EAED,MAAM4B,aAAa,GAAG,MAAO5C,QAAgB,IAC3C,CAAC,MAAMU,qBAAqB,CAAC,CAAC,EAAEG,CAAC,CAAC,eAAeb,QAAQ,IAAI,CAAC,CAACmC,MAAM,CAAC,CAAC;EAEzE,MAAMU,mBAAmB,GAAG,MAAAA,CAC1BC,KAAa,EACbrC,OAAoC,GAAG,CAAC,CAAC,KACtC;IACH,MAAMV,aAAa,CAACiC,WAAW,CAACe,KAAK,CAAC,CAAC;IAEvC,MAAM/B,GAAG,GAAG,MAAMgC,gBAAgB,CAACF,KAAK,CAAC;IAEzC,OAAOG,aAAa,CAACjC,GAAG,EAAEP,OAAO,CAAC;EACpC,CAAC;EAED,MAAMyC,KAAK,GAAGA,CAAA,KAAMnD,aAAa,CAACQ,oBAAoB,CAAC4C,iBAAiB,CAAC,CAAC;EAC1E,MAAMC,eAAe,GAAGA,CAAA,KAAMrD,aAAa,CAACiC,WAAW,CAACqB,UAAU,CAAC,CAAC;EAEpE,MAAML,gBAAgB,GAAG,MAAOF,KAAa,IAAK;IAChD,MAAM3C,cAAc,CAAC2C,KAAK,CAAC;IAE3B,MAAMrC,OAAO,GAAG,MAAMV,aAAa,CAACQ,oBAAoB,CAACE,OAAO,CAAC,CAAC;IAClE,MAAMa,QAAQ,GAAG,MAAMC,OAAO,CAACC,GAAG,CAChCf,OAAO,CAACQ,GAAG,CAAC,MAAOQ,MAAM,IAAK;MAC5B,MAAMzB,QAAQ,GAAG,MAAMyB,MAAM,CAACE,OAAO,CAAC,CAAC,CAACf,IAAI,CAAC,WAAW,CAAC;MACzD,OAAOZ,QAAQ,oBAARA,QAAQ,CAAE4B,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACjD,CAAC,CACH,CAAC;IAED,MAAMZ,GAAG,GAAGM,QAAQ,CAACO,MAAM,CAAEC,KAAK,IAAsBA,KAAK,IAAI,IAAI,CAAC;IAEtE,OAAO,IAAAwB,gBAAO,EAACtC,GAAG,CAAC,CAACuC,KAAK,CAAC,CAAC,EAAET,KAAK,CAAC;EACrC,CAAC;EAED,MAAMG,aAAa,GAAG,MAAAA,CACpBjC,GAAa,EACb;IAAEwC,aAAa,GAAG;EAAkC,CAAC,GAAG,CAAC,CAAC,KACvD;IACH,MAAMzD,aAAa,CAACiC,WAAW,CAACe,KAAK,CAAC,CAAC;IAEvC,MAAM5C,cAAc,CAAC,CAAC;IACtB,MAAMsD,UAAU,GAAG,MAAMf,YAAY,CAAC1B,GAAG,CAAC;IAE1C,IAAIwC,aAAa,EAAE;MACjB,MAAMN,KAAK,CAAC,CAAC;IACf;IAEA,OAAOO,UAAU;EACnB,CAAC;EAED,MAAMC,YAAY,GAAG,MAAOxC,EAAU,IAAK;IACzC,MAAMnB,aAAa,CAACiC,WAAW,CAACe,KAAK,CAAC,CAAC;IAEvC,MAAM5C,cAAc,CAAC,CAAC;IACtB,MAAMwD,SAAS,GAAG,MAAMjB,YAAY,CAAC,CAACxB,EAAE,CAAC,CAAC;IAE1C,OAAOyC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE;EAC3B,CAAC;EAED,MAAMC,UAAU,GAAG,MAAAA,CAAA,KAAY;IAC7B,OAAO,CAAC,MAAMvC,sBAAsB,CAAC,CAAC,EAAEwC,IAAI,CACzC3C,EAAE,IAAKA,EAAE,KAAK,0BACjB,CAAC;EACH,CAAC;EAED,OAAO;IACL,GAAGnB,aAAa;IAChBI,cAAc;IACdY,UAAU;IACV2B,YAAY;IACZQ,KAAK;IACLE,eAAe;IACfH,aAAa;IACbS,YAAY;IACZb,mBAAmB;IACnBG,gBAAgB;IAChB5B,eAAe;IACfC,sBAAsB;IACtBU,mBAAmB;IACnBG,iBAAiB;IACjBG,iBAAiB;IACjBD,kBAAkB;IAClBI,mBAAmB;IACnBC,0BAA0B;IAC1BmB,UAAU;IACVhB,aAAa;IACbkB,sBAAsB,EAAEpD,qBAAqB;IAC7CqD,UAAU,EAAE,MAAAA,CAAA,KAAY;MACtB,MAAMpC,OAAO,GAAG,MAAM1B,IAAI,CAAC+D,SAAS,CAAC,CAAC;MAEtC,MAAMC,WAAW,GAAG,MAAMhE,IAAI,CAACW,IAAI,CAAC,mBAAmB,CAAC;MACxD,MAAME,YAAY,GAAG,MAAMb,IAAI,CAACW,IAAI,CAAC,WAAW,CAAC;MACjD,MAAMsD,eAAe,GAAGD,WAAW,GAC/B,0BAA0BA,WAAW,IAAI,GACzC,eAAenD,YAAY,YAAY;;MAE3C;MACA,IAAI,IAAAqD,kBAAO,EAACxC,OAAO,CAAC,EAAE;QACpB,MAAM;UAAEyC;QAAK,CAAC,GAAGzC,OAA2C;QAC5D,MAAMyC,IAAI,CAACC,QAAQ,CACjB,CAACC,SAAiB,EAAEC,gBAAwB,KAAK;UAC/C,MAAMC,CAAC,GAAGC,QAAQ,CAACC,aAAa,CAC9B,eAAeJ,SAAS,MAAMC,gBAAgB,EAChD,CAAE;UACFC,CAAC,CAACG,QAAQ,CAAC;YAAEC,QAAQ,EAAE,QAAQ;YAAEC,GAAG,EAAEL,CAAC,CAACM;UAAa,CAAC,CAAC;QACzD,CAAC,EACD9E,QAAQ,EACRkE,eACF,CAAC;MACH;MACA;MAAA,KACK,IAAI,IAAAa,kBAAO,EAACpD,OAAO,CAAC,EAAE;QACzB,MAAMqD,WAAW,GAAI,MAAM/E,IAAI,CAACgF,MAAM,CAAC,CAItC;QACD,MAAMD,WAAW,CAACE,OAAO,CAAChB,eAAe,CAAC,CAACG,QAAQ,CAAEc,EAAE,IAAK;UAC1DA,EAAE,CAACR,QAAQ,CAAC;YAAEC,QAAQ,EAAE,QAAQ;YAAEC,GAAG,EAAEM,EAAE,CAACL;UAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;MACJ;MACA;MAAA,KACK;QACH,MAAM,CACJ,MAAM7E,IAAI,CAACY,CAAC,CAACqD,eAAe,CAAC,CAACF,SAAS,CAAC,CAAC,EACzCoB,aAAa,CAAC,IAAIC,KAAK,CAAC,QAAQ,CAAC,CAAC;MACtC;IACF;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAxF,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_shuffle","_interopRequireDefault","_nativeEnv","CollectionDropdownFilterUniDriver","optionsDriver","dataHook","base","body","waitForOptions","total","timeout","waitFor","dropdownLayoutDriver","optionsLength","options","getDropdownLayoutBase","contentDataHook","attr","$","baseDataHook","getOptions","ids","map","id","optionById","getOptionsCount","getAvailableOptionsIds","maybeIds","Promise","all","option","hook","element","replace","filter","value","getInputPlaceholder","inputDriver","getPlaceholder","isNoSearchResults","exists","isErrorStateExists","getEmptyStateText","TextUniDriver","getText","initialLoaderExists","infiniteScrollLoaderExists","clickOptions","clickAtOptionByDataHook","existInFilter","selectRandomOptions","count","click","getRandomOptions","selectOptions","close","mouseClickOutside","clickInputClear","clickClear","shuffle","slice","closeDropdown","clickedIds","selectOption","clickedId","hasDivider","some","isOptionDisabled","isDisabled","hasOptionDisabledTooltip","_getDropdownLayoutBase","scrollDown","getNative","contentHook","contentSelector","isSled2","page","evaluate","_dataHook","_contentSelector","e","document","querySelector","scrollBy","behavior","top","scrollHeight","isSled3","baseLocator","unwrap","locator","el","dispatchEvent","Event","exports"],"sources":["../../../../src/components/DropdownFilter/CollectionDropdownFilter.uni.driver.ts"],"sourcesContent":["import { TextUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { InputWithOptionsUniDriver } from '@wix/design-system/dist/types/InputWithOptions/InputWithOptions.uni.driver';\nimport { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport shuffle from 'lodash/shuffle';\nimport { isSled2, isSled3 } from '../../unidriver/nativeEnv';\n\nexport const CollectionDropdownFilterUniDriver = <\n  T extends Omit<InputWithOptionsUniDriver, 'driver'>,\n>(\n  optionsDriver: T,\n  dataHook: string,\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const waitForOptions = async (total = 1, timeout = 3000) => {\n    await waitFor(\n      async () =>\n        (await optionsDriver.dropdownLayoutDriver.optionsLength()) >= total,\n      timeout,\n    );\n\n    return optionsDriver.dropdownLayoutDriver.options();\n  };\n\n  const getDropdownLayoutBase = async () => {\n    const contentDataHook = await base.attr('data-content-hook');\n    if (contentDataHook) {\n      return body.$(`[data-content-element=\"${contentDataHook}\"]`);\n    }\n\n    const baseDataHook = await base.attr('data-hook');\n\n    return body.$(`[data-hook=\"${baseDataHook}-content\"]`);\n  };\n\n  const getOptions = async (ids: string[]) => {\n    return ids.map(async (id) => {\n      return optionsDriver.dropdownLayoutDriver.optionById(id);\n    });\n  };\n\n  const getOptionsCount = () => {\n    return optionsDriver.dropdownLayoutDriver.optionsLength();\n  };\n\n  const getAvailableOptionsIds = async () => {\n    const options = await optionsDriver.dropdownLayoutDriver.options();\n\n    const maybeIds = await Promise.all(\n      options.map(async (option) => {\n        const hook = await option.element().attr('data-hook');\n        return hook?.replace(/^dropdown-item-/, '');\n      }),\n    );\n\n    return maybeIds.filter((value): value is string => value != null);\n  };\n\n  const getInputPlaceholder = () => {\n    return optionsDriver.inputDriver.getPlaceholder();\n  };\n\n  const isNoSearchResults = async () =>\n    (await getDropdownLayoutBase()).$('[data-hook=\"empty-state\"]').exists();\n\n  const isErrorStateExists = async () =>\n    (await getDropdownLayoutBase())\n      .$('[data-hook=\"filter-error-state\"]')\n      .exists();\n\n  const getEmptyStateText = async () =>\n    TextUniDriver(\n      (await getDropdownLayoutBase()).$('[data-hook=\"empty-state-text\"]'),\n      body,\n    ).getText();\n\n  const initialLoaderExists = async () =>\n    (await getDropdownLayoutBase()).$('[data-hook=\"initial-loader\"]').exists();\n  const infiniteScrollLoaderExists = async () =>\n    (await getDropdownLayoutBase())\n      .$('[data-hook=\"dropdownLayout-loader\"]')\n      .exists();\n\n  const clickOptions = async (ids: string[]) => {\n    for (const id of ids) {\n      await optionsDriver.dropdownLayoutDriver.clickAtOptionByDataHook(\n        `dropdown-item-${id}`,\n      );\n    }\n\n    return ids;\n  };\n\n  const existInFilter = async (dataHook: string) =>\n    (await getDropdownLayoutBase()).$(`[data-hook=\"${dataHook}\"]`).exists();\n\n  const selectRandomOptions = async (\n    count: number,\n    options: { closeDropdown?: boolean } = {},\n  ) => {\n    await optionsDriver.inputDriver.click();\n\n    const ids = await getRandomOptions(count);\n\n    return selectOptions(ids, options);\n  };\n\n  const close = () => optionsDriver.dropdownLayoutDriver.mouseClickOutside();\n  const clickInputClear = () => optionsDriver.inputDriver.clickClear();\n\n  const getRandomOptions = async (count: number) => {\n    await waitForOptions(count);\n\n    const options = await optionsDriver.dropdownLayoutDriver.options();\n    const maybeIds = await Promise.all(\n      options.map(async (option) => {\n        const dataHook = await option.element().attr('data-hook');\n        return dataHook?.replace(/^dropdown-item-/, '');\n      }),\n    );\n\n    const ids = maybeIds.filter((value): value is string => value != null);\n\n    return shuffle(ids).slice(0, count);\n  };\n\n  const selectOptions = async (\n    ids: string[],\n    { closeDropdown = true }: { closeDropdown?: boolean } = {},\n  ) => {\n    await optionsDriver.inputDriver.click();\n\n    await waitForOptions();\n    const clickedIds = await clickOptions(ids);\n\n    if (closeDropdown) {\n      await close();\n    }\n\n    return clickedIds;\n  };\n\n  const selectOption = async (id: string) => {\n    await optionsDriver.inputDriver.click();\n\n    await waitForOptions();\n    const clickedId = await clickOptions([id]);\n\n    return clickedId[0] || [];\n  };\n\n  const hasDivider = async () => {\n    return (await getAvailableOptionsIds()).some(\n      (id) => id === 'promoted-section-divider',\n    );\n  };\n\n  const isOptionDisabled = async (id: string) => {\n    const option = await optionsDriver.dropdownLayoutDriver.optionById(id);\n    return option.isDisabled();\n  };\n\n  const hasOptionDisabledTooltip = async (id: string) => {\n    const option = await optionsDriver.dropdownLayoutDriver.optionById(id);\n    return option\n      .element()\n      .$('[data-hook=\"list-item-select-disabled-tooltip\"]')\n      .exists();\n  };\n\n  return {\n    ...optionsDriver,\n    waitForOptions,\n    getOptions,\n    clickOptions,\n    close,\n    clickInputClear,\n    selectOptions,\n    selectOption,\n    selectRandomOptions,\n    getRandomOptions,\n    getOptionsCount,\n    getAvailableOptionsIds,\n    getInputPlaceholder,\n    isNoSearchResults,\n    getEmptyStateText,\n    isErrorStateExists,\n    initialLoaderExists,\n    infiniteScrollLoaderExists,\n    hasDivider,\n    isOptionDisabled,\n    hasOptionDisabledTooltip,\n    existInFilter,\n    _getDropdownLayoutBase: getDropdownLayoutBase,\n    scrollDown: async () => {\n      const element = await base.getNative();\n\n      const contentHook = await base.attr('data-content-hook');\n      const baseDataHook = await base.attr('data-hook');\n      const contentSelector = contentHook\n        ? `[data-content-element=\"${contentHook}\"]`\n        : `[data-hook=\"${baseDataHook}-content\"]`;\n\n      // puppeteer\n      if (isSled2(element)) {\n        const { page } = element as { page: { evaluate: Function } };\n        await page.evaluate(\n          (_dataHook: string, _contentSelector: string) => {\n            const e = document.querySelector(\n              `[data-hook=\"${_dataHook}\"] ${_contentSelector}`,\n            )!;\n            e.scrollBy({ behavior: 'smooth', top: e.scrollHeight });\n          },\n          dataHook,\n          contentSelector,\n        );\n      }\n      // playwright\n      else if (isSled3(element)) {\n        const baseLocator = (await base.unwrap()) as {\n          locator: (selector: string) => {\n            evaluate: (fn: (el: HTMLElement) => void) => Promise<void>;\n          };\n        };\n        await baseLocator.locator(contentSelector).evaluate((el) => {\n          el.scrollBy({ behavior: 'smooth', top: el.scrollHeight });\n        });\n      }\n      // jsdom\n      else {\n        await (\n          await base.$(contentSelector).getNative()\n        ).dispatchEvent(new Event('scroll'));\n      }\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.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_ = "EditableCell1651312747";
+var _namespace_ = "EditableCell2214069969";
 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": "EditableCell1651312747__root",
-  "validationIndicator": "EditableCell1651312747__validationIndicator"
+  "root": "EditableCell2214069969__root",
+  "validationIndicator": "EditableCell2214069969__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/EditableCell.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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell1651312747\";\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\":\"EditableCell1651312747__root\",\"validationIndicator\":\"EditableCell1651312747__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2214069969\";\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\":\"EditableCell2214069969__root\",\"validationIndicator\":\"EditableCell2214069969__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableTable.js

@@ -13,6 +13,7 @@ var _EditableCell = require("./EditableCell");
 var _EditableTableContextMenu = require("./EditableTableContextMenu");
 var _useEditableTableContextMenu = require("./useEditableTableContextMenu");
 var _ActionModal = require("../ActionModal");
+var _FieldManagementModals = require("../CustomFieldsPanel/FieldManagementModals");
 var _useEditableTableCollectionSyncProps = require("./useEditableTableCollectionSyncProps");
 var _useKeyboardNavigation = require("./useKeyboardNavigation");
 var _useClipboardHandler = require("./useClipboardHandler");
@@ -26,13 +27,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _EditableTable(props) {
   const {
     state,
-    columns: editableColumns,
+    columns,
+    fieldsSource: _fieldsSource,
     hideHeaderActions,
     dataHook,
     children,
     ...tableBaseProps
   } = props;
   (0, _useEditableTableCollectionSyncProps.useEditableTableCollectionSyncProps)(props);
+  const editableColumns = (0, _react.useMemo)(() => [...columns, ...state.sourceColumns], [columns, state.sourceColumns]);
   const containerRef = (0, _react.useRef)(null);
   const keyboard = (0, _useKeyboardNavigation.useKeyboardNavigation)(state);
   (0, _useClipboardHandler.useClipboardHandler)(state, containerRef);
@@ -60,7 +63,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 89,
+          lineNumber: 103,
           columnNumber: 13
         }
       }) : null;
@@ -71,7 +74,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 113,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -85,7 +88,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 114,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -98,7 +101,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 123,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -106,7 +109,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 132,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -118,7 +121,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 135,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -127,27 +130,22 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 143,
       columnNumber: 9
     }
-  })), state.fieldActions.confirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
-    state: state.fieldActions.confirmModal
-  }, state.fieldActions.confirmModal.value, {
-    primaryButtonProps: {
-      ...state.fieldActions.confirmModal.value.primaryButtonProps,
-      disabled: state.fieldActions.deleteTask.status.isLoading
-    },
+  })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
+    source: state.toolbar.collectionFieldsSource,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 149,
       columnNumber: 9
     }
-  })), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
+  }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 152,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/EditableTable/EditableTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","fieldActions","confirmModal","primaryButtonProps","disabled","deleteTask","status","isLoading","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.fieldActions.confirmModal.value && (\n        <MessageActionModal\n          state={state.fieldActions.confirmModal}\n          {...state.fieldActions.confirmModal.value}\n          primaryButtonProps={{\n            ...state.fieldActions.confirmModal.value.primaryButtonProps,\n            disabled: state.fieldActions.deleteTask.status.isLoading,\n          }}\n        />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source built with `tableSchemaSource(...)`. Its fields become\n   *  columns and its field-management menu + modals (add/edit/archive/delete)\n   *  are wired into the table. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,4BAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AACA,IAAAU,oCAAA,GAAAV,OAAA;AACA,IAAAW,sBAAA,GAAAX,OAAA;AACA,IAAAY,oBAAA,GAAAZ,OAAA;AACA,IAAAa,oBAAA,GAAAb,OAAA;AACA,IAAAc,uBAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,UAAA,GAAAhB,OAAA;AAEA,IAAAiB,iBAAA,GAAAjB,OAAA;AAAsD,IAAAkB,YAAA;AAAA,SAAAnB,wBAAAoB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAtB,uBAAA,YAAAA,CAAAoB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAkCtD,SAASkB,cAAcA,CACrBC,KAA+B,EAC/B;EACA,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,YAAY,EAAEC,aAAa;IAC3BC,iBAAiB;IACjBC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,IAAAS,wEAAmC,EAACT,KAAK,CAAC;EAE1C,MAAMU,eAAe,GAAG,IAAAC,cAAO,EAC7B,MAAM,CAAC,GAAGT,OAAO,EAAE,GAAGD,KAAK,CAACW,aAAa,CAAC,EAC1C,CAACV,OAAO,EAAED,KAAK,CAACW,aAAa,CAC/B,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEjD,MAAMC,QAAQ,GAAG,IAAAC,4CAAqB,EAACf,KAAK,CAAC;EAC7C,IAAAgB,wCAAmB,EAAChB,KAAK,EAAEY,YAAY,CAAC;EACxC,MAAM;IAAEK,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAACnB,KAAK,CAACoB,eAAe,CAAC;EACtE,IAAAC,8CAAsB,EAACrB,KAAK,EAAEY,YAAY,CAAC;EAE3C,MAAMU,cAAc,GAAG,IAAAC,kCAAgB,EACrCvB,KAAK,EACLS,eAAe,EACfL,iBACF,CAAC;EAED,MAAM;IAAEoB,cAAc;IAAEC;EAAc,CAAC,GAAG,IAAAC,oBAAS,EAAC1B,KAAK,CAAC;EAE1D,MAAM2B,YAAY,GAAG,IAAAjB,cAAO,EAC1B,MACED,eAAe,CAACmB,GAAG,CAAEC,GAAG,KAAM;IAC5B,GAAGA,GAAG;IACNC,IAAI,EAAED,GAAG,CAACC,IAAI,KAAK,OAAOD,GAAG,CAACE,KAAK,KAAK,QAAQ,GAAGF,GAAG,CAACE,KAAK,GAAGF,GAAG,CAACG,EAAE,CAAC;IACtEC,WAAW,EAAEX,cAAc,CAACO,GAAG,CAACG,EAAE,CAAC;IACnCE,MAAM,EAAEA,CAACC,KAAQ,EAAEC,MAAc,KAAK;MAAA,IAAAC,qBAAA;MACpC,MAAMC,MAAM,IAAAD,qBAAA,GAAGrC,KAAK,CAACuC,UAAU,CAACH,MAAM,CAAC,qBAAxBC,qBAAA,CAA0BG,GAAG;MAC5C,OAAOF,MAAM,gBACXhF,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAAC5E,aAAA,CAAA6E,YAAY;QAAC1C,KAAK,EAAEA,KAAM;QAACsC,MAAM,EAAEA,MAAO;QAACK,QAAQ,EAAEd,GAAG,CAACG,EAAG;QAAAY,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApE,YAAA;UAAAqE,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,GAC9D,IAAI;IACV;EACF,CAAC,CAAC,CAAqB,EACzB,CAACvC,eAAe,EAAET,KAAK,EAAEsB,cAAc,CACzC,CAAC;EAED,MAAM2B,WAAW,GAAG,IAAAC,wDAA2B,EAAClD,KAAK,CAACoB,eAAe,CAAC;EAEtE,oBACE9D,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAAC9E,uBAAA,CAAAwF,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrB1F,MAAA,CAAA+B,OAAA,CAAAoD,aAAA;IACEW,GAAG,EAAExC,YAAa;IAClB,aAAWP,QAAS;IACpBgD,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAExC,QAAQ,CAACwC,SAAU;IAC9BrC,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfqC,aAAa,EAAEN,WAAW,CAACO,iBAAkB;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE7C1F,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAAC7E,aAAA,CAAA6F,YAAY,MAAAC,SAAA,CAAArE,OAAA,MACPkB,cAAc;IAClBP,KAAK,EAAEA,KAAK,CAAC2D,UAAW;IACxB1D,OAAO,EAAE0B,YAAa;IACtBiC,WAAW;IACXC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEbxB,cAAc,iBAAIlE,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAAClE,WAAA,CAAAyF,UAAU;IAACC,KAAK,EAAExC,aAAc;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC1C,CACX,CAAC,eACN1F,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAAC3E,yBAAA,CAAAoG,wBAAwB;IACvBlE,KAAK,EAAEA,KAAM;IACbmE,QAAQ,EAAElB,WAAW,CAACkB,QAAS;IAC/BC,IAAI,EAAEnB,WAAW,CAACmB,IAAK;IACvBC,OAAO,EAAEpB,WAAW,CAACoB,OAAQ;IAC7BC,OAAO,EAAErB,WAAW,CAACsB,WAAY;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CAAC,EACDhD,KAAK,CAACwE,kBAAkB,CAACC,KAAK,iBAC7BnH,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAACzE,YAAA,CAAA0G,kBAAkB,MAAAhB,SAAA,CAAArE,OAAA;IACjBW,KAAK,EAAEA,KAAK,CAACwE;EAAmB,GAC5BxE,KAAK,CAACwE,kBAAkB,CAACC,KAAK;IAAA7B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACnC,CACF,EACAhD,KAAK,CAAC2E,OAAO,CAACC,sBAAsB,iBACnCtH,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAACxE,sBAAA,CAAA4G,qBAAqB;IAACC,MAAM,EAAE9E,KAAK,CAAC2E,OAAO,CAACC,sBAAuB;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACA1C,QAAQ,eACThD,MAAA,CAAA+B,OAAA,CAAAoD,aAAA,CAAC/E,eAAA,CAAAqH,iBAAiB;IAAAnC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACE,CAAC;AAE7B;AAEO,MAAMgC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACpF,cAAc,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_ = "HeaderActionsPopover2791309920";
+var _namespace_ = "HeaderActionsPopover3567882799";
 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": "HeaderActionsPopover2791309920__root"
+  "root": "HeaderActionsPopover3567882799__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_ = \"HeaderActionsPopover2791309920\";\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\":\"HeaderActionsPopover2791309920__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":[]}
+{"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_ = \"HeaderActionsPopover3567882799\";\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\":\"HeaderActionsPopover3567882799__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/HeaderFieldActions.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HeaderFieldActions = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _FieldActions = require("../FieldActions");
+var _HeaderActionsPopover = require("./HeaderActionsPopover");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/HeaderFieldActions.tsx";
+// Field-management (from the source) first, then the table-intrinsic groups,
+// then the destructive action. Only keys with a handler render, so each source
+// shows just its own actions (CMS: make-primary / duplicate / delete;
+// DataExtension: archive).
+const HEADER_ACTION_GROUPS = [['editField'], ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'], ['sortAscending', 'sortDescending', 'filter'], ['archive', 'delete']];
+const HEADER_LOCATION = 'EditableTable header action cell';
+function _HeaderFieldActions({
+  state,
+  column
+}) {
+  const {
+    toolbar
+  } = state;
+  const {
+    customColumnsState,
+    panels,
+    toolbarFiltersState
+  } = toolbar;
+  const source = toolbar.collectionFieldsSource;
+
+  // Source-backed columns (their id maps to a source field) get the source's
+  // field-management; vertical-brought or consumer columns get only the
+  // table-intrinsic actions below.
+  const field = source == null ? void 0 : source.fieldsSource.fields.find(f => source.fieldsSource.columnIdForField(f) === column.id);
+  const sourceConfig = field && source != null && source.fieldActionHandlers ? source.fieldActionHandlers({
+    fieldId: field.id,
+    origin: 'external',
+    location: HEADER_LOCATION
+  }) : null;
+  const handlers = {
+    ...(sourceConfig == null ? void 0 : sourceConfig.handlers)
+  };
+  if (column.hideable !== false && customColumnsState) {
+    const toolbarColumn = toolbar.columns.find(c => c.id === column.id);
+    if (toolbarColumn) {
+      handlers.hideColumn = () => customColumnsState.onColumnCheckboxToggle(toolbarColumn);
+    }
+  }
+  if (column.sortable) {
+    handlers.sortAscending = id => state.sort(id, {
+      forceDirection: 'asc'
+    });
+    handlers.sortDescending = id => state.sort(id, {
+      forceDirection: 'desc'
+    });
+  }
+  const hasFilter = toolbarFiltersState && state.collection.query.customFilters[column.id] != null;
+  if (hasFilter) {
+    handlers.filter = () => panels.openSidePanel('filters');
+  }
+  const groups = (0, _FieldActions.buildFieldActionGroups)({
+    columnId: column.id,
+    handlers,
+    loading: sourceConfig == null ? void 0 : sourceConfig.loading,
+    disabledTooltips: sourceConfig == null ? void 0 : sourceConfig.disabledTooltips,
+    groups: HEADER_ACTION_GROUPS,
+    translate: toolbar.container.translate,
+    bi: source ? {
+      reportBi: toolbar.reportBi,
+      location: HEADER_LOCATION,
+      listSize: source.fieldsSource.manageableFields.length
+    } : undefined
+  });
+  if (groups.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_HeaderActionsPopover.HeaderActionsPopover, {
+    actions: groups,
+    dataHook: `header-actions-${column.id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 98,
+      columnNumber: 5
+    }
+  });
+}
+const HeaderFieldActions = exports.HeaderFieldActions = (0, _mobxReactLite.observer)(_HeaderFieldActions);
+//# sourceMappingURL=HeaderFieldActions.js.map

package/dist/cjs/components/EditableTable/HeaderFieldActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_FieldActions","_HeaderActionsPopover","_jsxFileName","HEADER_ACTION_GROUPS","HEADER_LOCATION","_HeaderFieldActions","state","column","toolbar","customColumnsState","panels","toolbarFiltersState","source","collectionFieldsSource","field","fieldsSource","fields","find","f","columnIdForField","id","sourceConfig","fieldActionHandlers","fieldId","origin","location","handlers","hideable","toolbarColumn","columns","c","hideColumn","onColumnCheckboxToggle","sortable","sortAscending","sort","forceDirection","sortDescending","hasFilter","collection","query","customFilters","filter","openSidePanel","groups","buildFieldActionGroups","columnId","loading","disabledTooltips","translate","container","bi","reportBi","listSize","manageableFields","length","undefined","default","createElement","HeaderActionsPopover","actions","dataHook","__self","__source","fileName","lineNumber","columnNumber","HeaderFieldActions","exports","observer"],"sources":["../../../../src/components/EditableTable/HeaderFieldActions.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Field, FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport {\n  buildFieldActionGroups,\n  type FieldActionHandlers,\n  type FieldActionKey,\n} from '../FieldActions';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\n// Field-management (from the source) first, then the table-intrinsic groups,\n// then the destructive action. Only keys with a handler render, so each source\n// shows just its own actions (CMS: make-primary / duplicate / delete;\n// DataExtension: archive).\nconst HEADER_ACTION_GROUPS: FieldActionKey[][] = [\n  ['editField'],\n  ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'],\n  ['sortAscending', 'sortDescending', 'filter'],\n  ['archive', 'delete'],\n];\n\nconst HEADER_LOCATION = 'EditableTable header action cell';\n\ninterface HeaderFieldActionsProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  column: EditableColumn<T>;\n}\n\nfunction _HeaderFieldActions<T, F extends FiltersMap>({\n  state,\n  column,\n}: HeaderFieldActionsProps<T, F>) {\n  const { toolbar } = state;\n  const { customColumnsState, panels, toolbarFiltersState } = toolbar;\n  const source = toolbar.collectionFieldsSource;\n\n  // Source-backed columns (their id maps to a source field) get the source's\n  // field-management; vertical-brought or consumer columns get only the\n  // table-intrinsic actions below.\n  const field: Field | undefined = source?.fieldsSource.fields.find(\n    (f) => source.fieldsSource.columnIdForField(f) === column.id,\n  );\n  const sourceConfig =\n    field && source?.fieldActionHandlers\n      ? source.fieldActionHandlers({\n          fieldId: field.id,\n          origin: 'external',\n          location: HEADER_LOCATION,\n        })\n      : null;\n\n  const handlers: FieldActionHandlers = { ...sourceConfig?.handlers };\n\n  if (column.hideable !== false && customColumnsState) {\n    const toolbarColumn = toolbar.columns.find((c) => c.id === column.id);\n    if (toolbarColumn) {\n      handlers.hideColumn = () =>\n        customColumnsState.onColumnCheckboxToggle(toolbarColumn);\n    }\n  }\n\n  if (column.sortable) {\n    handlers.sortAscending = (id) => state.sort(id, { forceDirection: 'asc' });\n    handlers.sortDescending = (id) =>\n      state.sort(id, { forceDirection: 'desc' });\n  }\n\n  const hasFilter =\n    toolbarFiltersState &&\n    state.collection.query.customFilters[column.id] != null;\n  if (hasFilter) {\n    handlers.filter = () => panels.openSidePanel('filters');\n  }\n\n  const groups = buildFieldActionGroups({\n    columnId: column.id,\n    handlers,\n    loading: sourceConfig?.loading,\n    disabledTooltips: sourceConfig?.disabledTooltips,\n    groups: HEADER_ACTION_GROUPS,\n    translate: toolbar.container.translate,\n    bi: source\n      ? {\n          reportBi: toolbar.reportBi,\n          location: HEADER_LOCATION,\n          listSize: source.fieldsSource.manageableFields.length,\n        }\n      : undefined,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`header-actions-${column.id}`}\n    />\n  );\n}\n\nexport const HeaderFieldActions = observer(_HeaderFieldActions);\n"],"mappings":"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","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_ = "CellViewLayout3960088494";
+var _namespace_ = "CellViewLayout705842804";
 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": "CellViewLayout3960088494__root"
+  "root": "CellViewLayout705842804__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_ = \"CellViewLayout3960088494\";\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\":\"CellViewLayout3960088494__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_ = \"CellViewLayout705842804\";\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\":\"CellViewLayout705842804__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/address/Edit.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_ = "Edit1828072131";
+var _namespace_ = "Edit249083917";
 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": "Edit1828072131__root",
-  "addressInput": "Edit1828072131__addressInput"
+  "root": "Edit249083917__root",
+  "addressInput": "Edit249083917__addressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/address/Edit.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/address/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1828072131\";\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\":\"Edit1828072131__root\",\"addressInput\":\"Edit1828072131__addressInput\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,cAAc,EAAC;AAA8B,CAAC;AAC3F,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/address/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit249083917\";\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\":\"Edit249083917__root\",\"addressInput\":\"Edit249083917__addressInput\"};\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,eAAe;AACjC,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,qBAAqB;EAAC,cAAc,EAAC;AAA6B,CAAC;AACzF,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/array/Edit.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ArrayEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
+var _EditStCss = require("./Edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/array/Edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ArrayEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef
+}) => {
+  const committedRef = (0, _react.useRef)(false);
+  const inputAreaRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    requestAnimationFrame(() => {
+      var _inputAreaRef$current;
+      (_inputAreaRef$current = inputAreaRef.current) == null || _inputAreaRef$current.calculateComputedRows();
+    });
+  }, []);
+  const handleChange = (0, _react.useCallback)(parsed => {
+    onChange(parsed);
+  }, [onChange]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      committedRef.current = true;
+      onCancel();
+    }
+  }, [onCancel]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    if (!committedRef.current) {
+      onCommit();
+    }
+  }, [onCommit]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    height: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellJsonInput, {
+    ref: instance => {
+      inputAreaRef.current = instance;
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
+    size: "small",
+    value: value,
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    onBlur: handleBlur,
+    autoSelect: false,
+    autoGrow: true,
+    minRowsAutoGrow: 1,
+    className: _EditStCss.classes.jsonInput,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 7
+    }
+  }));
+};
+exports.ArrayEdit = ArrayEdit;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/array/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArrayEdit","value","onChange","onCommit","onCancel","inputRef","committedRef","useRef","inputAreaRef","useEffect","requestAnimationFrame","_inputAreaRef$current","current","calculateComputedRows","handleChange","useCallback","parsed","handleKeyDown","key","preventDefault","handleBlur","createElement","Box","width","height","__self","__source","fileName","lineNumber","columnNumber","CellJsonInput","ref","instance","size","onKeyDown","onBlur","autoSelect","autoGrow","minRowsAutoGrow","className","classes","jsonInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/array/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { InputArea } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { CellJsonInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const ArrayEdit: React.FC<CellEditProps<unknown[]>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const committedRef = useRef(false);\n  const inputAreaRef = useRef<InputArea | null>(null);\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      inputAreaRef.current?.calculateComputedRows();\n    });\n  }, []);\n\n  const handleChange = useCallback(\n    (parsed?: any) => {\n      onChange(parsed as unknown[]);\n    },\n    [onChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        committedRef.current = true;\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    if (!committedRef.current) {\n      onCommit();\n    }\n  }, [onCommit]);\n\n  return (\n    <Box width=\"100%\" height=\"100%\">\n      <CellJsonInput\n        ref={(instance: any) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={value}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        className={classes.jsonInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css

@@ -0,0 +1,4 @@
+.jsonInput {
+  width: 100%;
+  margin-left: -1px;
+}