npm - @wix/patterns - Versions diffs - 1.423.0 → 1.424.0 - Mend

@wix/patterns 1.423.0 → 1.424.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1090) hide show

package/dist/cjs/components/Table/TableCompat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_","_state","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableCompat","props","container","useWixPatternsContainer","state","useState","TableState","collection","createElement","TableV2","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat","exports","observer"],"sources":["../../../../src/components/Table/TableCompat.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableV2 } from '~~../..~~';\nimport { TableState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableCompatProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n /*\n A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n * @external\n */\n state: CollectionState<T, F> \| TableState<T, F>;\n sections?: TableSectionsProp<T>;\n}\n\nfunction _TableCompat<T, F extends FiltersMap = FiltersMap>(\n props: TableCompatProps<T, F>,\n) {\n const container = useWixPatternsContainer();\n\n const [state] = useState(() =>\n props.state instanceof TableState\n ? props.state\n : new TableState<T, F>({\n collection: props.state,\n container,\n }),\n );\n\n return <TableV2 {...props} state={state} />;\n}\n\nexport const TableCompat = observer(_TableCompat);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,~~CAAA~~,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,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;AAc9D,SAASkB,YAAYA,CACnBC,KAA6B,EAC7B;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MACvBJ,KAAK,CAACG,KAAK,YAAYE,iBAAU,GAC7BL,KAAK,CAACG,KAAK,GACX,IAAIE,iBAAU,CAAO;IACnBC,UAAU,EAAEN,KAAK,CAACG,KAAK;IACvBF;EACF,CAAC,CACP,CAAC;EAED,oBAAO7B,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,~~CAAA~~,CAAAgC,OAAO,MAAAC,SAAA,CAAAnB,OAAA,MAAKU,KAAK;IAAEG,KAAK,EAAEA,KAAM;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC7C;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAClB,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableV","_state","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableCompat","props","container","useWixPatternsContainer","state","useState","TableState","collection","createElement","TableV2","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat","exports","observer"],"sources":["../../../../src/components/Table/TableCompat.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableV2 } from './TableV2';\nimport { TableState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableCompatProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n /*\n A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n * @external\n */\n state: CollectionState<T, F> \| TableState<T, F>;\n sections?: TableSectionsProp<T>;\n}\n\nfunction _TableCompat<T, F extends FiltersMap = FiltersMap>(\n props: TableCompatProps<T, F>,\n) {\n const container = useWixPatternsContainer();\n\n const [state] = useState(() =>\n props.state instanceof TableState\n ? props.state\n : new TableState<T, F>({\n collection: props.state,\n container,\n }),\n );\n\n return <TableV2 {...props} state={state} />;\n}\n\nexport const TableCompat = observer(_TableCompat);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,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;AAc9D,SAASkB,YAAYA,CACnBC,KAA6B,EAC7B;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MACvBJ,KAAK,CAACG,KAAK,YAAYE,iBAAU,GAC7BL,KAAK,CAACG,KAAK,GACX,IAAIE,iBAAU,CAAO;IACnBC,UAAU,EAAEN,KAAK,CAACG,KAAK;IACvBF;EACF,CAAC,CACP,CAAC;EAED,oBAAO7B,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,OAAA,CAAAgC,OAAO,MAAAC,SAAA,CAAAnB,OAAA,MAAKU,KAAK;IAAEG,KAAK,EAAEA,KAAM;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC7C;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAClB,YAAY,CAAC","ignoreList":[]}

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_LayoutSwitch","_jsxFileName","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","tableSections","TableSections","groupBy","renderSection","collapsible","events","undefined","gridSections","GridSections","default","createElement","LayoutSwitch","tableProps","tableState","table","sticky","gridProps","gridState","grid","__self","__source","fileName","lineNumber","columnNumber","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type {\n GroupBy,\n RenderSection,\n SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\nimport { GridBasePropsWithoutPreset } from '../Grid/Grid';\nimport { TableProps } from '..';\nimport { LayoutSwitch } from '../LayoutSwitch';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n extends Omit<\n GridBasePropsWithoutPreset<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n >,\n Omit<\n TableProps<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n > {\n /*\n A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n /\n state: TableGridSwitchState<T, F>;\n /\n Adds functionality to allow visitors to reorder items manually.\n * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n * @external\n /\n dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n /\n Configuration for rendering sections. When provided, the component will render with section headers\n * that group related rows together for both Grid and Table views.\n * @external\n */\n sections?: {\n GridSections: typeof GridSectionsContent;\n TableSections: typeof TableSections;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n collapsible?: boolean;\n events?: SectionEvents;\n };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n props: TableGridSwitchProps<T, F>,\n) {\n const { state, dragAndDrop, sections, ...restProps } = props;\n\n const tableSections = sections\n ? {\n TableSections: sections.TableSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n collapsible: sections.collapsible,\n events: sections.events,\n }\n : undefined;\n\n const gridSections = sections\n ? {\n GridSections: sections.GridSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n }\n : undefined;\n\n return (\n <LayoutSwitch\n state={state}\n tableProps={{\n ...restProps,\n state: state.tableState,\n dragAndDrop: dragAndDrop?.table,\n sections: tableSections,\n sticky: true,\n }}\n gridProps={{\n ...restProps,\n state: state.gridState,\n dragAndDrop: dragAndDrop?.grid,\n sections: gridSections,\n }}\n />\n );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAaA,IAAAE,aAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AA0CxC,SAASC,gBAAgBA,CAC9BC,KAAiC,EACjC;EACA,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,aAAa,GAAGF,QAAQ,GAC1B;IACEG,aAAa,EAAEH,QAAQ,CAACG,aAAa;IACrCC,OAAO,EAAEJ,QAAQ,CAACI,OAAO;IACzBC,aAAa,EAAEL,QAAQ,CAACK,aAAa;IACrCC,WAAW,EAAEN,QAAQ,CAACM,WAAW;IACjCC,MAAM,EAAEP,QAAQ,CAACO;EACnB,CAAC,GACDC,SAAS;EAEb,MAAMC,YAAY,GAAGT,QAAQ,GACzB;IACEU,YAAY,EAAEV,QAAQ,CAACU,YAAY;IACnCN,OAAO,EAAEJ,QAAQ,CAACI,OAAO;IACzBC,aAAa,EAAEL,QAAQ,CAACK;EAC1B,CAAC,GACDG,SAAS;EAEb,oBACElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,YAAY;IACXf,KAAK,EAAEA,KAAM;IACbgB,UAAU,EAAE;MACV,GAAGb,SAAS;MACZH,KAAK,EAAEA,KAAK,CAACiB,UAAU;MACvBhB,WAAW,EAAEA,WAAW,oBAAXA,WAAW,CAAEiB,KAAK;MAC/BhB,QAAQ,EAAEE,aAAa;MACvBe,MAAM,EAAE;IACV,CAAE;IACFC,SAAS,EAAE;MACT,GAAGjB,SAAS;MACZH,KAAK,EAAEA,KAAK,CAACqB,SAAS;MACtBpB,WAAW,EAAEA,WAAW,oBAAXA,WAAW,CAAEqB,IAAI;MAC9BpB,QAAQ,EAAES;IACZ,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAChC,gBAAgB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_LayoutSwitch","_jsxFileName","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","tableSections","TableSections","groupBy","renderSection","collapsible","events","undefined","gridSections","GridSections","default","createElement","LayoutSwitch","tableProps","tableState","table","sticky","gridProps","gridState","grid","__self","__source","fileName","lineNumber","columnNumber","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type {\n GroupBy,\n RenderSection,\n SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\nimport { GridBasePropsWithoutPreset } from '../Grid/Grid';\nimport type { TableProps } from '..';\nimport { LayoutSwitch } from '../LayoutSwitch';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n extends Omit<\n GridBasePropsWithoutPreset<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n >,\n Omit<\n TableProps<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n > {\n /*\n A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n /\n state: TableGridSwitchState<T, F>;\n /\n Adds functionality to allow visitors to reorder items manually.\n * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n * @external\n /\n dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n /\n Configuration for rendering sections. When provided, the component will render with section headers\n * that group related rows together for both Grid and Table views.\n * @external\n */\n sections?: {\n GridSections: typeof GridSectionsContent;\n TableSections: typeof TableSections;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n collapsible?: boolean;\n events?: SectionEvents;\n };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n props: TableGridSwitchProps<T, F>,\n) {\n const { state, dragAndDrop, sections, ...restProps } = props;\n\n const tableSections = sections\n ? {\n TableSections: sections.TableSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n collapsible: sections.collapsible,\n events: sections.events,\n }\n : undefined;\n\n const gridSections = sections\n ? {\n GridSections: sections.GridSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n }\n : undefined;\n\n return (\n <LayoutSwitch\n state={state}\n tableProps={{\n ...restProps,\n state: state.tableState,\n dragAndDrop: dragAndDrop?.table,\n sections: tableSections,\n sticky: true,\n }}\n gridProps={{\n ...restProps,\n state: state.gridState,\n dragAndDrop: dragAndDrop?.grid,\n sections: gridSections,\n }}\n />\n );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAaA,IAAAE,aAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AA0CxC,SAASC,gBAAgBA,CAC9BC,KAAiC,EACjC;EACA,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,aAAa,GAAGF,QAAQ,GAC1B;IACEG,aAAa,EAAEH,QAAQ,CAACG,aAAa;IACrCC,OAAO,EAAEJ,QAAQ,CAACI,OAAO;IACzBC,aAAa,EAAEL,QAAQ,CAACK,aAAa;IACrCC,WAAW,EAAEN,QAAQ,CAACM,WAAW;IACjCC,MAAM,EAAEP,QAAQ,CAACO;EACnB,CAAC,GACDC,SAAS;EAEb,MAAMC,YAAY,GAAGT,QAAQ,GACzB;IACEU,YAAY,EAAEV,QAAQ,CAACU,YAAY;IACnCN,OAAO,EAAEJ,QAAQ,CAACI,OAAO;IACzBC,aAAa,EAAEL,QAAQ,CAACK;EAC1B,CAAC,GACDG,SAAS;EAEb,oBACElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,YAAY;IACXf,KAAK,EAAEA,KAAM;IACbgB,UAAU,EAAE;MACV,GAAGb,SAAS;MACZH,KAAK,EAAEA,KAAK,CAACiB,UAAU;MACvBhB,WAAW,EAAEA,WAAW,oBAAXA,WAAW,CAAEiB,KAAK;MAC/BhB,QAAQ,EAAEE,aAAa;MACvBe,MAAM,EAAE;IACV,CAAE;IACFC,SAAS,EAAE;MACT,GAAGjB,SAAS;MACZH,KAAK,EAAEA,KAAK,CAACqB,SAAS;MACtBpB,WAAW,EAAEA,WAAW,oBAAXA,WAAW,CAAEqB,IAAI;MAC9BpB,QAAQ,EAAES;IACZ,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAChC,gBAAgB,CAAC","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js CHANGED Viewed

@@ -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_ = "TabsFilter3869411207";
+var _namespace_ = "TabsFilter128028699";
 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": "TabsFilter3869411207__root",
-  "title": "TabsFilter3869411207__title"
+  "root": "TabsFilter128028699__root",
+  "title": "TabsFilter128028699__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map CHANGED Viewed

	@@ -1 +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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~TabsFilter3869411207~~\";\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\":\"~~TabsFilter3869411207__root~~\",\"title\":\"~~TabsFilter3869411207__title~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \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,~~4BAA4B~~;EAAC,OAAO,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter128028699\";\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\":\"TabsFilter128028699__root\",\"title\":\"TabsFilter128028699__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js CHANGED Viewed

@@ -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_ = "ManageTagsModal4070692141";
+var _namespace_ = "ManageTagsModal1465315821";
 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": "ManageTagsModal4070692141__root"
+  "root": "ManageTagsModal1465315821__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map CHANGED Viewed

	@@ -1 +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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ManageTagsModal4070692141~~\";\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\":\"~~ManageTagsModal4070692141__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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":[]}
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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1465315821\";\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\":\"ManageTagsModal1465315821__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/TagsAssignButton/TagsAssignButton.js CHANGED Viewed

@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
-var _ = require("../..");
+var _react2 = require("@wix/bex-core/react");
 var _BulkAssignTagsPopover = require("../Tags/BulkAssignTagsPopover");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _mobxReactLite = require("mobx-react-lite");
@@ -16,7 +16,7 @@ const _TagsAssignButton = () => {
   const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     translate: t
-  } = (0, _.useWixPatternsContainer)();
+  } = (0, _react2.useWixPatternsContainer)();
   const buttonRef = (0, _react.useRef)(null);
   const {
     tagsBulkAssignPopoverState

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '~~../..~~';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n const toolbarCollectionState = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n\n const { tagsBulkAssignPopoverState } =\n toolbarCollectionState.tagsCollectionState ?? {};\n\n const setButtonRef = useCallback(\n (element: HTMLElement \| null) => {\n if (!element \|\| !tagsBulkAssignPopoverState) {\n return;\n }\n const el = element.querySelector('button') as HTMLButtonElement \| null;\n if (!el) {\n return;\n }\n buttonRef.current = el;\n tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n },\n [tagsBulkAssignPopoverState],\n );\n\n if (!tagsBulkAssignPopoverState) {\n return null;\n }\n\n const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n return (\n <BulkAssignTagsPopover\n state={tagsBulkAssignPopoverState}\n popoverElement={\n <Box>\n <div ref={setButtonRef} style={{ display: 'contents' }}>\n <DisabledTooltip\n content={tagsBulkAssignButtonState.tooltipContent}\n disabled={!tagsBulkAssignButtonState.isDisabled}\n dataHook=\"tags-assign-button-disabled-tooltip\"\n >\n <Button\n skin=\"standard\"\n priority=\"secondary\"\n size=\"small\"\n ellipsis\n prefixIcon={<TagSmall />}\n dataHook=\"tags-assign-button\"\n onClick={() => {\n tagsBulkAssignPopoverState.showPopover();\n }}\n disabled={tagsBulkAssignButtonState.isDisabled}\n >\n {t('cairo.tags.collectionPage.add.CTA')}\n </Button>\n </DisabledTooltip>\n </div>\n </Box>\n }\n />\n );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,~~CAAA~~,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA2C,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,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;AAE3C,MAAMkB,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAErB;EAAE,CAAC,GAAG,IAAAsB,~~yBAAuB,~~EAAC,CAAC;EAClD,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAA2B,IAAI,CAAC;EAExD,MAAM;IAAEC;EAA2B,CAAC,GAClCN,sBAAsB,CAACO,mBAAmB,IAAI,CAAC,CAAC;EAElD,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,OAA2B,IAAK;IAC/B,IAAI,CAACA,OAAO,IAAI,CAACJ,0BAA0B,EAAE;MAC3C;IACF;IACA,MAAMK,EAAE,GAAGD,OAAO,CAACE,aAAa,CAAC,QAAQ,CAA6B;IACtE,IAAI,CAACD,EAAE,EAAE;MACP;IACF;IACAP,SAAS,CAACS,OAAO,GAAGF,EAAE;IACtBL,0BAA0B,CAACQ,gBAAgB,GAAGV,SAAS;EACzD,CAAC,EACD,CAACE,0BAA0B,CAC7B,CAAC;EAED,IAAI,CAACA,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAM;IAAES;EAA0B,CAAC,GAAGT,0BAA0B;EAEhE,oBACErC,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAACxC,sBAAA,CAAAyC,qBAAqB;IACpBC,KAAK,EAAEZ,0BAA2B;IAClCa,cAAc,eACZlD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC5C,aAAA,CAAAgD,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACFxD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA;MAAKU,GAAG,EAAElB,YAAa;MAACmB,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAW,CAAE;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrDxD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAACvC,gBAAA,CAAAoD,eAAe;MACdC,OAAO,EAAEf,yBAAyB,CAACgB,cAAe;MAClDC,QAAQ,EAAE,CAACjB,yBAAyB,CAACkB,UAAW;MAChDC,QAAQ,EAAC,qCAAqC;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9CxD,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC5C,aAAA,CAAA+D,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,QAAQ;MACRC,UAAU,eAAEvE,MAAA,CAAAqB,OAAA,CAAA0B,aAAA,CAAC3C,iBAAA,CAAAoE,QAAQ;QAAApB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5C,YAAA;UAAA6C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBS,QAAQ,EAAC,oBAAoB;MAC7BQ,OAAO,EAAEA,CAAA,KAAM;QACbpC,0BAA0B,CAACqC,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFX,QAAQ,EAAEjB,yBAAyB,CAACkB,UAAW;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9C5C,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACF,CACN;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAEM,MAAMmB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC/C,iBAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_react2","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n const toolbarCollectionState = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n\n const { tagsBulkAssignPopoverState } =\n toolbarCollectionState.tagsCollectionState ?? {};\n\n const setButtonRef = useCallback(\n (element: HTMLElement \| null) => {\n if (!element \|\| !tagsBulkAssignPopoverState) {\n return;\n }\n const el = element.querySelector('button') as HTMLButtonElement \| null;\n if (!el) {\n return;\n }\n buttonRef.current = el;\n tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n },\n [tagsBulkAssignPopoverState],\n );\n\n if (!tagsBulkAssignPopoverState) {\n return null;\n }\n\n const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n return (\n <BulkAssignTagsPopover\n state={tagsBulkAssignPopoverState}\n popoverElement={\n <Box>\n <div ref={setButtonRef} style={{ display: 'contents' }}>\n <DisabledTooltip\n content={tagsBulkAssignButtonState.tooltipContent}\n disabled={!tagsBulkAssignButtonState.isDisabled}\n dataHook=\"tags-assign-button-disabled-tooltip\"\n >\n <Button\n skin=\"standard\"\n priority=\"secondary\"\n size=\"small\"\n ellipsis\n prefixIcon={<TagSmall />}\n dataHook=\"tags-assign-button\"\n onClick={() => {\n tagsBulkAssignPopoverState.showPopover();\n }}\n disabled={tagsBulkAssignButtonState.isDisabled}\n >\n {t('cairo.tags.collectionPage.add.CTA')}\n </Button>\n </DisabledTooltip>\n </div>\n </Box>\n }\n />\n );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/ToolbarCollection.js CHANGED Viewed

@@ -70,14 +70,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 387,
+        lineNumber: 391,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 362,
+      lineNumber: 366,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -90,7 +90,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 396,
+      lineNumber: 400,
       columnNumber: 7
     }
   }, children));

package/dist/cjs/components/ToolbarCollection/ToolbarCollection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","importButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n CSSProperties,\n ReactElement,\n ReactNode,\n useEffect,\n useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n assertComponentType,\n CollectionSearchElement,\n CollectionToolbarFiltersElement,\n CollectionViewsDropdownElement,\n CustomColumnsElement,\n PrimaryActionButtonElement,\n ReorderModeToolbarElement,\n TabsFilterElement,\n ToolbarTitleElement,\n TopNotificationElement,\n ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n DragAndDropBulkSubmit,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n /*\n Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n * @external\n /\n title?: ToolbarTitleElement;\n /\n Displays a search input on the right side of the table toolbar.<br> <br>\n * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n * @default true\n * @external\n /\n search?: boolean \| FilterElement \| CollectionSearchElement;\n\n /\n Indicates whether to show Table Title Bar or not.\n * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n * @default true\n * @external\n /\n showTitleBar?: boolean;\n /\n A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n /\n exportButton?: ReactElement;\n /\n A [`<ImportButton />`] react element to be added to the toolbar.\n /\n importButton?: ReactElement;\n\n /\n A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n /\n exportModal?: ReactElement;\n /\n A [`<ImportModal />`] react element to be rendered in table's context.\n /\n importModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n extends ToolbarBaseProps,\n DragAndDropCategoriesProps<F> {\n children?: ReactNode \| ReactNode[];\n\n /\n Adds view options to the table headers.\n * Accepts a [Views](./?path=/story/features-display-views--views) component.\n * @overrideType [Views](./?path=/story/features-display-views--views)\n * @external\n /\n views?: CollectionViewsDropdownElement<F>;\n /\n Adds filters to the toolbar and/or a sliding panel.\n * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n * @external\n /\n filters?: CollectionToolbarFiltersElement;\n /\n Displays tabs at the left of a toolbar.\n * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n * @external\n /\n tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n selectionToolbar?: ReactElement;\n\n sticky?: boolean;\n /\n Minimum height for a card's container when showing:<br>\n * - A loader<br>\n * - Empty state<br>\n * - Error state\n * <br><br>\n * If no unit is specified, `px` is used.\n * @default 300px\n * @external\n /\n minCardHeight?: CSSProperties['minHeight'];\n\n /\n A render function to be rendered when there's an error fetching data from the server.<br>\n * The function accepts the following parameters <br>\n * * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n * * `isOnline`: Indicates whether internet connection is available <br>\n * * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n * @external\n * @deprecated Use `errorState` instead.\n /\n renderError?: TablePlaceholderStatesProps['renderError'];\n\n /\n A render function to be rendered when there's an error fetching data from the server.<br>\n * The function accepts the following parameters <br>\n * * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n * * `isOnline`: Indicates whether internet connection is available <br>\n * * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n * @external\n /\n errorState?: TablePlaceholderStatesProps['errorState'];\n\n /\n Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n * @external\n * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n /\n emptyState?: ReactNode;\n\n /\n Shown when a search or filter has no results.\n * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n * or a function that accepts the following parameters:\n * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n * @external\n * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n /\n noResultsState?:\n \| ReactNode\n \| ((params: {\n hasAvailableItems: boolean;\n query: ComputedQuery<F>;\n }) => ReactNode);\n\n cardProps?: Partial<CardProps>;\n onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n /\n Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n * @external\n /\n topNotification?:\n \| TopNotificationElement\n \| ((params: {\n query: ComputedQuery<F>;\n }) => TopNotificationElement \| boolean \| null \| undefined)\n \| boolean\n \| null\n \| undefined;\n\n extraToolbar?: ReactNode;\n\n /\n Display a summary bar below the toolbar.\n * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n * @external\n /\n summaryBar?: ReactNode;\n tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n /\n Function that submits a drop event to the server. <br> <br>\n * The parameter is an event object containing the following details: <br>\n * -`from: {item: T; index: number}`: The dragged item. <br>\n * -`after: null \| [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n \n @returns Promise\n * @external\n /\n dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n /\n Function that submits an array of drop events to the server. <br> <br>\n * The parameter is an array of event objects containing the following details: <br>\n * -`from: {item: T; index: number}`: The dragged item. <br>\n * -`after: null \| [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n \n @returns Promise\n * @external\n /\n dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n /\n A function that cancels a drop event. <br>\n * Supported arguments: <br>\n * - `from: {item: T; index: number}`: The dragged item.\n * - `after: null \| {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n \n If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n * @external\n /\n dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n /\n @deprecated It doesn't need to be passed implicitly anymore.\n /\n extensionMenuItems?: ExtensionMenuItemsType;\n\n /\n Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n * The `ReorderModeToolbar` component accepts the following props:<br>\n * + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n * + `reorderModeTitle`: [string] A title in the toolbar.\n * @external\n /\n dragAndDropReorderModeToolbar?: ReorderModeToolbarElement \| null;\n\n /\n Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n * @external\n /\n customColumns?: CustomColumnsElement \| null;\n\n /\n Adds functionality to allow visitors to sort multiple columns simultaneously.\n * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n * @external\n /\n multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n /\n Adds functionality for a primary action button in the toolbar.\n * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button) component.\n * @external\n * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button)\n /\n primaryActionButton?: PrimaryActionButtonElement;\n\n /\n Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n * @overrideType [ToolbarSecondaryActions](./?path=/story/features-actions-secondary-actions--toolbar-secondary-actions)\n * @external\n /\n secondaryActions?: ToolbarSecondaryActionsElement;\n\n /\n A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n * @external\n /\n moreActions?: MoreActionsElement;\n\n /\n Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n * <br>\n * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n /\n AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n /\n Limits the amount of rows a visitor can select.\n * @external\n /\n maxSelection?: number;\n\n /\n Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n * @external\n /\n internalScroll?: boolean;\n\n /\n Enables tags feature. In this element you can pass the configuration\n * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n /\n tags?: TagsElement<T, F>;\n\n /\n When true, renders prefix icons for field types in column headers, filters, and the customize-columns panel.\n * Each column and filter should have a `fieldType` property set so Cairo can render the matching icon.\n * @default false\n * @external\n */\n showFieldTypeIcons?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n extends ToolbarCollectionBaseProps<T, F> {\n state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n props: ToolbarCollectionProps<T, F>,\n) {\n const {\n state,\n filters,\n title,\n tabs,\n views,\n extraToolbar,\n selectionToolbar,\n dragAndDropReorderModeToolbar,\n sticky: stickyProp,\n search,\n children,\n tableGridSwitchButton,\n exportButton,\n importButton,\n primaryActionButton,\n secondaryActions,\n moreActions,\n summaryBar,\n topNotification,\n } = props;\n assertComponentType(views, 'CollectionViewsDropdown', 'views');\n checkConflictingToolbarProps(props);\n\n const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n const [sticky, setSticky] = useState(\n stickyProp ?? scrollablePageRef?.current != null,\n );\n\n useEffect(() => {\n setSticky(stickyProp ?? scrollablePageRef?.current != null);\n }, [stickyProp]);\n\n return (\n <>\n <CollectionToolbars\n sticky={sticky}\n state={state}\n search={search}\n views={views}\n title={title}\n tabs={tabs}\n filters={filters}\n selectionToolbar={selectionToolbar}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n extraToolbar={extraToolbar}\n tableGridSwitchButton={tableGridSwitchButton}\n exportButton={exportButton}\n importButton={importButton}\n primaryActionButton={primaryActionButton}\n secondaryActions={secondaryActions}\n moreActions={moreActions}\n summaryBar={summaryBar}\n topNotification={\n typeof topNotification === 'function'\n ? () =>\n topNotification({ query: state.collection.result.originQuery })\n : topNotification\n }\n titleBar={\n <Box\n width=\"100%\"\n borderTopColor=\"D60\"\n borderTopWidth=\"1px\"\n borderTopStyle=\"solid\"\n boxSizing=\"border-box\"\n />\n }\n />\n <Box\n dataHook=\"toolbar-collection-content\"\n width=\"100%\"\n direction=\"vertical\"\n minHeight={0}\n flex={1}\n verticalAlign=\"middle\"\n >\n {children}\n </Box>\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","importButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n CSSProperties,\n ReactElement,\n ReactNode,\n useEffect,\n useState,\n} from 'react';\nimport type {\n CollectionToolbarProps,\n FilterElement,\n TabsFilterProps,\n} from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n assertComponentType,\n CollectionSearchElement,\n CollectionToolbarFiltersElement,\n CollectionViewsDropdownElement,\n CustomColumnsElement,\n PrimaryActionButtonElement,\n ReorderModeToolbarElement,\n TabsFilterElement,\n ToolbarTitleElement,\n TopNotificationElement,\n ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n DragAndDropBulkSubmit,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n /*\n Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n * @external\n /\n title?: ToolbarTitleElement;\n /\n Displays a search input on the right side of the table toolbar.<br> <br>\n * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n * @default true\n * @external\n /\n search?: boolean \| FilterElement \| CollectionSearchElement;\n\n /\n Indicates whether to show Table Title Bar or not.\n * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n * @default true\n * @external\n /\n showTitleBar?: boolean;\n /\n A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n /\n exportButton?: ReactElement;\n /\n A [`<ImportButton />`] react element to be added to the toolbar.\n /\n importButton?: ReactElement;\n\n /\n A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n /\n exportModal?: ReactElement;\n /\n A [`<ImportModal />`] react element to be rendered in table's context.\n /\n importModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n extends ToolbarBaseProps,\n DragAndDropCategoriesProps<F> {\n children?: ReactNode \| ReactNode[];\n\n /\n Adds view options to the table headers.\n * Accepts a [Views](./?path=/story/features-display-views--views) component.\n * @overrideType [Views](./?path=/story/features-display-views--views)\n * @external\n /\n views?: CollectionViewsDropdownElement<F>;\n /\n Adds filters to the toolbar and/or a sliding panel.\n * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n * @external\n /\n filters?: CollectionToolbarFiltersElement;\n /\n Displays tabs at the left of a toolbar.\n * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n * @external\n /\n tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n selectionToolbar?: ReactElement;\n\n sticky?: boolean;\n /\n Minimum height for a card's container when showing:<br>\n * - A loader<br>\n * - Empty state<br>\n * - Error state\n * <br><br>\n * If no unit is specified, `px` is used.\n * @default 300px\n * @external\n /\n minCardHeight?: CSSProperties['minHeight'];\n\n /\n A render function to be rendered when there's an error fetching data from the server.<br>\n * The function accepts the following parameters <br>\n * * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n * * `isOnline`: Indicates whether internet connection is available <br>\n * * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n * @external\n * @deprecated Use `errorState` instead.\n /\n renderError?: TablePlaceholderStatesProps['renderError'];\n\n /\n A render function to be rendered when there's an error fetching data from the server.<br>\n * The function accepts the following parameters <br>\n * * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n * * `isOnline`: Indicates whether internet connection is available <br>\n * * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n * @external\n /\n errorState?: TablePlaceholderStatesProps['errorState'];\n\n /\n Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n * @external\n * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n /\n emptyState?: ReactNode;\n\n /\n Shown when a search or filter has no results.\n * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n * or a function that accepts the following parameters:\n * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n * @external\n * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n /\n noResultsState?:\n \| ReactNode\n \| ((params: {\n hasAvailableItems: boolean;\n query: ComputedQuery<F>;\n }) => ReactNode);\n\n cardProps?: Partial<CardProps>;\n onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n /\n Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n * @external\n /\n topNotification?:\n \| TopNotificationElement\n \| ((params: {\n query: ComputedQuery<F>;\n }) => TopNotificationElement \| boolean \| null \| undefined)\n \| boolean\n \| null\n \| undefined;\n\n extraToolbar?: ReactNode;\n\n /\n Display a summary bar below the toolbar.\n * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n * @external\n /\n summaryBar?: ReactNode;\n tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n /\n Function that submits a drop event to the server. <br> <br>\n * The parameter is an event object containing the following details: <br>\n * -`from: {item: T; index: number}`: The dragged item. <br>\n * -`after: null \| [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n \n @returns Promise\n * @external\n /\n dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n /\n Function that submits an array of drop events to the server. <br> <br>\n * The parameter is an array of event objects containing the following details: <br>\n * -`from: {item: T; index: number}`: The dragged item. <br>\n * -`after: null \| [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n \n @returns Promise\n * @external\n /\n dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n /\n A function that cancels a drop event. <br>\n * Supported arguments: <br>\n * - `from: {item: T; index: number}`: The dragged item.\n * - `after: null \| {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n \n If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n * @external\n /\n dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n /\n @deprecated It doesn't need to be passed implicitly anymore.\n /\n extensionMenuItems?: ExtensionMenuItemsType;\n\n /\n Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n * The `ReorderModeToolbar` component accepts the following props:<br>\n * + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n * + `reorderModeTitle`: [string] A title in the toolbar.\n * @external\n /\n dragAndDropReorderModeToolbar?: ReorderModeToolbarElement \| null;\n\n /\n Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n * @external\n /\n customColumns?: CustomColumnsElement \| null;\n\n /\n Adds functionality to allow visitors to sort multiple columns simultaneously.\n * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n * @external\n /\n multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n /\n Adds functionality for a primary action button in the toolbar.\n * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button) component.\n * @external\n * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button)\n /\n primaryActionButton?: PrimaryActionButtonElement;\n\n /\n Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n * @overrideType [ToolbarSecondaryActions](./?path=/story/features-actions-secondary-actions--toolbar-secondary-actions)\n * @external\n /\n secondaryActions?: ToolbarSecondaryActionsElement;\n\n /\n A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n * @external\n /\n moreActions?: MoreActionsElement;\n\n /\n Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n * <br>\n * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n /\n AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n /\n Limits the amount of rows a visitor can select.\n * @external\n /\n maxSelection?: number;\n\n /\n Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n * @external\n /\n internalScroll?: boolean;\n\n /\n Enables tags feature. In this element you can pass the configuration\n * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n /\n tags?: TagsElement<T, F>;\n\n /\n When true, renders prefix icons for field types in column headers, filters, and the customize-columns panel.\n * Each column and filter should have a `fieldType` property set so Cairo can render the matching icon.\n * @default false\n * @external\n */\n showFieldTypeIcons?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n extends ToolbarCollectionBaseProps<T, F> {\n state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n props: ToolbarCollectionProps<T, F>,\n) {\n const {\n state,\n filters,\n title,\n tabs,\n views,\n extraToolbar,\n selectionToolbar,\n dragAndDropReorderModeToolbar,\n sticky: stickyProp,\n search,\n children,\n tableGridSwitchButton,\n exportButton,\n importButton,\n primaryActionButton,\n secondaryActions,\n moreActions,\n summaryBar,\n topNotification,\n } = props;\n assertComponentType(views, 'CollectionViewsDropdown', 'views');\n checkConflictingToolbarProps(props);\n\n const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n const [sticky, setSticky] = useState(\n stickyProp ?? scrollablePageRef?.current != null,\n );\n\n useEffect(() => {\n setSticky(stickyProp ?? scrollablePageRef?.current != null);\n }, [stickyProp]);\n\n return (\n <>\n <CollectionToolbars\n sticky={sticky}\n state={state}\n search={search}\n views={views}\n title={title}\n tabs={tabs}\n filters={filters}\n selectionToolbar={selectionToolbar}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n extraToolbar={extraToolbar}\n tableGridSwitchButton={tableGridSwitchButton}\n exportButton={exportButton}\n importButton={importButton}\n primaryActionButton={primaryActionButton}\n secondaryActions={secondaryActions}\n moreActions={moreActions}\n summaryBar={summaryBar}\n topNotification={\n typeof topNotification === 'function'\n ? () =>\n topNotification({ query: state.collection.result.originQuery })\n : topNotification\n }\n titleBar={\n <Box\n width=\"100%\"\n borderTopColor=\"D60\"\n borderTopWidth=\"1px\"\n borderTopStyle=\"solid\"\n boxSizing=\"border-box\"\n />\n }\n />\n <Box\n dataHook=\"toolbar-collection-content\"\n width=\"100%\"\n direction=\"vertical\"\n minHeight={0}\n flex={1}\n verticalAlign=\"middle\"\n >\n {children}\n </Box>\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js CHANGED Viewed

@@ -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_ = "ToolbarItem3003911644";
+var _namespace_ = "ToolbarItem3928858564";
 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": "ToolbarItem3003911644__root"
+  "root": "ToolbarItem3928858564__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map CHANGED Viewed

	@@ -1 +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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ToolbarItem3003911644~~\";\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\":\"~~ToolbarItem3003911644__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,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;AAA6B,CAAC;AACpD,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":[]}
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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3928858564\";\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\":\"ToolbarItem3928858564__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,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;AAA6B,CAAC;AACpD,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/ToolbarItemBox/ToolbarItemBox.st.css.js CHANGED Viewed

@@ -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_ = "ToolbarItemBox3861072097";
+var _namespace_ = "ToolbarItemBox296014064";
 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": "ToolbarItemBox3861072097__root"
+  "root": "ToolbarItemBox296014064__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map CHANGED Viewed

	@@ -1 +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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ToolbarItemBox3861072097~~\";\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\":\"~~ToolbarItemBox3861072097__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":[]}
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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox296014064\";\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\":\"ToolbarItemBox296014064__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/ToolbarTitle/ToolbarTitle.js CHANGED Viewed

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
+var _react2 = require("@wix/bex-core/react");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bexCore = require("@wix/bex-core");
 var _v = require("@wix/bex-utils/@wix/bi-logger-os-data/v2");
@@ -20,7 +20,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
 }) {
   const {
     translate: t
-  } = (0, _.useWixPatternsContainer)();
+  } = (0, _react2.useWixPatternsContainer)();
   const {
     collection: {
       result: {
@@ -38,7 +38,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -48,7 +48,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -58,7 +58,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, title), showTotal && (total || status.isSuccess) && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -68,7 +68,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, itemsLimit === undefined ? total : `${total} / ${itemsLimit}`))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -77,7 +77,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -89,7 +89,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, subtitle == null ? void 0 : subtitle.text), (subtitle == null ? void 0 : subtitle.info) && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({}, subtitle.info, {
@@ -97,7 +97,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 91,
       columnNumber: 28
     }
   })), (subtitle == null ? void 0 : subtitle.learnMore) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -114,7 +114,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, subtitle.learnMore.label || t('cairo.table.subtitle.learnMore'))));

package/dist/cjs/components/ToolbarTitle/ToolbarTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_","_ToolbarCollectionContext","_bexCore","_v","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","reportBi","useToolbarCollectionContext","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","undefined","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","onClick","withoutDefaults","cairoLearnMore","origin","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n Box,\n CounterBadge,\n Heading,\n InfoIcon,\n InfoIconProps,\n Text,\n TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { ~~FiltersMap,~~ useWixPatternsContainer } from '~~../..~~';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';\n\nexport interface ToolbarTitleProps {\n /*\n Title to display at the left of the table's toolbar.\n * @external\n /\n title: string \| ReactNode;\n /\n Subtitle to display at the left of the table's toolbar under the title.\n * @param {string} text The subtitle text\n * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n * @external\n /\n subtitle?: {\n text: string;\n info?: InfoIconProps;\n learnMore?: {\n url: string;\n label?: string;\n };\n };\n /\n Whether to show a total count badge next to the title.\n * @external\n /\n showTotal?: boolean;\n /\n Maximum number of items that can be displayed.\n * <br><br>\n * Shows only when `showTotal` is `true`.\n * @external\n */\n itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n T,\n F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n const { translate: t } = useWixPatternsContainer();\n const {\n collection: {\n result: { total, status },\n },\n reportBi,\n } = useToolbarCollectionContext<T, F>();\n\n return (\n <Box direction=\"vertical\" paddingTop=\"SP2\" paddingBottom=\"SP2\" width=\"100%\">\n <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n {title}\n </Heading>\n {showTotal && (total \|\| status.isSuccess) && (\n <CounterBadge\n size=\"small\"\n skin=\"neutralLight\"\n dataHook=\"toolbar-counter\"\n >\n <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n </CounterBadge>\n )}\n </Box>\n <Box gap=\"SP1\" verticalAlign=\"middle\">\n <Text\n dataHook=\"toolbar-subtitle\"\n size=\"medium\"\n weight=\"thin\"\n secondary\n ellipsis\n >\n {subtitle?.text}\n </Text>\n {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n {subtitle?.learnMore && (\n <TextButton\n dataHook=\"toolbar-subtitle-learn-more-cta\"\n as=\"a\"\n rel=\"noopener\"\n target=\"_blank\"\n href={subtitle.learnMore.url}\n onClick={() => {\n reportBi(\n withoutDefaults(cairoLearnMore)({\n origin: 'Toolbar Subtitle',\n }),\n );\n }}\n >\n {subtitle.learnMore.label \|\| t('cairo.table.subtitle.learnMore')}\n </TextButton>\n )}\n </Box>\n </Box>\n );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,~~CAAA~~,GAAAJ,OAAA;~~AACA~~,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,EAAA,GAAAP,OAAA;AAA0E,IAAAQ,YAAA;AAqCnE,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,YAAYA,CAGxD;EAAEG,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAA8B,CAAC,EAAE;EAC/D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,~~yBAAuB,~~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","ignoreList":[]}
1	+ {"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_ToolbarCollectionContext","_bexCore","_v","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","reportBi","useToolbarCollectionContext","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","undefined","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","onClick","withoutDefaults","cairoLearnMore","origin","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n Box,\n CounterBadge,\n Heading,\n InfoIcon,\n InfoIconProps,\n Text,\n TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';\n\nexport interface ToolbarTitleProps {\n /*\n Title to display at the left of the table's toolbar.\n * @external\n /\n title: string \| ReactNode;\n /\n Subtitle to display at the left of the table's toolbar under the title.\n * @param {string} text The subtitle text\n * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n * @external\n /\n subtitle?: {\n text: string;\n info?: InfoIconProps;\n learnMore?: {\n url: string;\n label?: string;\n };\n };\n /\n Whether to show a total count badge next to the title.\n * @external\n /\n showTotal?: boolean;\n /\n Maximum number of items that can be displayed.\n * <br><br>\n * Shows only when `showTotal` is `true`.\n * @external\n */\n itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n T,\n F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n const { translate: t } = useWixPatternsContainer();\n const {\n collection: {\n result: { total, status },\n },\n reportBi,\n } = useToolbarCollectionContext<T, F>();\n\n return (\n <Box direction=\"vertical\" paddingTop=\"SP2\" paddingBottom=\"SP2\" width=\"100%\">\n <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n {title}\n </Heading>\n {showTotal && (total \|\| status.isSuccess) && (\n <CounterBadge\n size=\"small\"\n skin=\"neutralLight\"\n dataHook=\"toolbar-counter\"\n >\n <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n </CounterBadge>\n )}\n </Box>\n <Box gap=\"SP1\" verticalAlign=\"middle\">\n <Text\n dataHook=\"toolbar-subtitle\"\n size=\"medium\"\n weight=\"thin\"\n secondary\n ellipsis\n >\n {subtitle?.text}\n </Text>\n {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n {subtitle?.learnMore && (\n <TextButton\n dataHook=\"toolbar-subtitle-learn-more-cta\"\n as=\"a\"\n rel=\"noopener\"\n target=\"_blank\"\n href={subtitle.learnMore.url}\n onClick={() => {\n reportBi(\n withoutDefaults(cairoLearnMore)({\n origin: 'Toolbar Subtitle',\n }),\n );\n }}\n >\n {subtitle.learnMore.label \|\| t('cairo.table.subtitle.learnMore')}\n </TextButton>\n )}\n </Box>\n </Box>\n );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/common.st.css.js CHANGED Viewed

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "common2112733534";
+var _namespace_ = "common1841882770";
 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": "common2112733534__root",
-  "column": "common2112733534__column",
-  "fullHeight": "common2112733534__fullHeight"
+  "root": "common1841882770__root",
+  "column": "common1841882770__column",
+  "fullHeight": "common1841882770__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map CHANGED Viewed

	@@ -1 +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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~common2112733534~~\";\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\":\"~~common2112733534__root~~\",\"column\":\"~~common2112733534__column~~\",\"fullHeight\":\"~~common2112733534__fullHeight~~\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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":[]}
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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1841882770\";\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\":\"common1841882770__root\",\"column\":\"common1841882770__column\",\"fullHeight\":\"common1841882770__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/fieldsSourceProvider.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=fieldsSourceProvider.js.map

package/dist/cjs/components/fieldsSourceProvider.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["../../../src/components/fieldsSourceProvider.ts"],"sourcesContent":["import type { ToolbarCollectionState } from '../state';\n\nexport interface FieldsSourceProvider {\n setOnTable(toolbar: ToolbarCollectionState<any, any>): void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/hooks/useEditableTableCollection.js CHANGED Viewed

@@ -15,8 +15,6 @@ const useEditableTableCollection = config => {
       container,
       permissions: config.permissions,
       mutations: config.mutations,
-      fieldActions: config.fieldActions,
-      refresh: config.refresh,
       extraCellTypes: config.extraCellTypes,
       createOptimisticActions: collection => createOptimisticActions(collection, config.optimisticActionParams)
     });

package/dist/cjs/hooks/useEditableTableCollection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","~~fieldActions","refresh","~~extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n CollectionOptimisticActionsBaseParams,\n FiltersMap,\n OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n useWixPatternsContainer,\n CollectionConfigWithConditionals,\n useCreateCollection,\n useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n EditableTableState,\n EditableTablePermissions,\n EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport ~~type~~ { ~~FieldActions } from '../types/SchemaConfig';\nimport {~~ useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n T,\n F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n permissions?: EditableTablePermissions;\n mutations: EditableTableMutationHandlers<T>;\n ~~fieldActions?: FieldActions;\n refresh?: () => Promise<void>;\n~~ optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n /*\n Additional cell types to register alongside the built-in ones.\n * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n */\n extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n T,\n F extends FiltersMap = OptionalFiltersMap,\n>(\n config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n const container = useWixPatternsContainer();\n const createCollection = useCreateCollection();\n const createOptimisticActions = useCreateOptimisticActions();\n\n const state = useOptionalCachedState(() => {\n return new EditableTableState<T, F>({\n collection: createCollection<T, F>(config),\n container,\n permissions: config.permissions,\n mutations: config.mutations,\n ~~fieldActions: config.fieldActions,\n refresh: config.refresh,\n~~ extraCellTypes: config.extraCellTypes,\n createOptimisticActions: (collection) =>\n createOptimisticActions(collection, config.optimisticActionParams),\n });\n });\n\n return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;~~AAOA~~,IAAAE,uBAAA,GAAAF,OAAA;~~AAsBO~~,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,~~YAAY~~,EAAEb,MAAM,CAACa,~~YAAY;MACjCC,OAAO,EAAEd,MAAM,CAACc,OAAO;MACvBC,~~cAAc~~,EAAEf,MAAM,CAACe,cAAc~~;~~MACrCV~~,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,~~CAACgB~~,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,~~OAAOT~~,KAAK;AACd,CAAC;~~AAACU~~,OAAA,~~CAAAlB~~,0BAAA,GAAAA,0BAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n CollectionOptimisticActionsBaseParams,\n FiltersMap,\n OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n useWixPatternsContainer,\n CollectionConfigWithConditionals,\n useCreateCollection,\n useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n EditableTableState,\n EditableTablePermissions,\n EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n T,\n F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n permissions?: EditableTablePermissions;\n mutations: EditableTableMutationHandlers<T>;\n optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n /*\n Additional cell types to register alongside the built-in ones.\n * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n */\n extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n T,\n F extends FiltersMap = OptionalFiltersMap,\n>(\n config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n const container = useWixPatternsContainer();\n const createCollection = useCreateCollection();\n const createOptimisticActions = useCreateOptimisticActions();\n\n const state = useOptionalCachedState(() => {\n return new EditableTableState<T, F>({\n collection: createCollection<T, F>(config),\n container,\n permissions: config.permissions,\n mutations: config.mutations,\n extraCellTypes: config.extraCellTypes,\n createOptimisticActions: (collection) =>\n createOptimisticActions(collection, config.optimisticActionParams),\n });\n });\n\n return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAF,OAAA;AAoBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,cAAc,EAAEb,MAAM,CAACa,cAAc;MACrCR,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACc,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOP,KAAK;AACd,CAAC;AAACQ,OAAA,CAAAhB,0BAAA,GAAAA,0BAAA","ignoreList":[]}