@wix/patterns 1.143.0 → 1.145.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.
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.js +5 -5
- package/dist/cjs/components/CollectionPageNew/CollectionPage.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +3 -3
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js +19 -14
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/ExportButton/ExportModal.uni.driver.js +1 -0
- package/dist/cjs/components/ExportButton/ExportModal.uni.driver.js.map +1 -1
- package/dist/cjs/components/ExportButton/getExportModalErrorProps.js +97 -62
- package/dist/cjs/components/ExportButton/getExportModalErrorProps.js.map +1 -1
- package/dist/cjs/components/ExportButton/getExportModalStepProps.js +29 -14
- package/dist/cjs/components/ExportButton/getExportModalStepProps.js.map +1 -1
- package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js +14 -2
- package/dist/cjs/components/ExtendedColumn/ExtendedColumn.js.map +1 -1
- package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
- package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/cjs/components/FormFieldInput/FormFieldInput.js +4 -2
- package/dist/cjs/components/FormFieldInput/FormFieldInput.js.map +1 -1
- package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
- package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js +4 -3
- package/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/cjs/components/PageSubTitle/PageSubTitle.js +74 -0
- package/dist/cjs/components/PageSubTitle/PageSubTitle.js.map +1 -0
- package/dist/cjs/components/PageSubTitle/index.js +6 -58
- package/dist/cjs/components/PageSubTitle/index.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/cjs/components/SingleSelectFilter/SingleSelectFilter.js +3 -2
- package/dist/cjs/components/SingleSelectFilter/SingleSelectFilter.js.map +1 -1
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- package/dist/cjs/components/common.st.css.js +4 -4
- package/dist/cjs/components/common.st.css.js.map +1 -1
- package/dist/cjs/state/simplifyExtendedColumns.js +5 -1
- package/dist/cjs/state/simplifyExtendedColumns.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.js +15 -3
- package/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/esm/components/CollectionPageNew/CollectionPage.js +3 -3
- package/dist/esm/components/CollectionPageNew/CollectionPage.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js +5 -1
- package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/ExportButton/ExportModal.uni.driver.js +1 -0
- package/dist/esm/components/ExportButton/ExportModal.uni.driver.js.map +1 -1
- package/dist/esm/components/ExportButton/getExportModalErrorProps.js +15 -42
- package/dist/esm/components/ExportButton/getExportModalErrorProps.js.map +1 -1
- package/dist/esm/components/ExportButton/getExportModalStepProps.js +6 -6
- package/dist/esm/components/ExportButton/getExportModalStepProps.js.map +1 -1
- package/dist/esm/components/ExtendedColumn/ExtendedColumn.js +3 -1
- package/dist/esm/components/ExtendedColumn/ExtendedColumn.js.map +1 -1
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/FormFieldInput/FormFieldInput.js +2 -1
- package/dist/esm/components/FormFieldInput/FormFieldInput.js.map +1 -1
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js +1 -0
- package/dist/esm/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/esm/components/PageSubTitle/PageSubTitle.js +30 -0
- package/dist/esm/components/PageSubTitle/PageSubTitle.js.map +1 -0
- package/dist/esm/components/PageSubTitle/index.js +1 -20
- package/dist/esm/components/PageSubTitle/index.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/esm/components/SingleSelectFilter/SingleSelectFilter.js +1 -0
- package/dist/esm/components/SingleSelectFilter/SingleSelectFilter.js.map +1 -1
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/state/simplifyExtendedColumns.js +4 -0
- package/dist/esm/state/simplifyExtendedColumns.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/test-utils/WixPatternsEssentialsTestProvider.js +8 -1
- package/dist/esm/test-utils/WixPatternsEssentialsTestProvider.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionPageNew/CollectionPage.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.uni.driver.d.ts +2 -0
- package/dist/types/components/CollectionTable/CollectionTable.uni.driver.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.d.ts.map +1 -1
- package/dist/types/components/ExportButton/ExportButton.uni.driver.d.ts +1 -0
- package/dist/types/components/ExportButton/ExportButton.uni.driver.d.ts.map +1 -1
- package/dist/types/components/ExportButton/ExportModal.uni.driver.d.ts +1 -0
- package/dist/types/components/ExportButton/ExportModal.uni.driver.d.ts.map +1 -1
- package/dist/types/components/ExportButton/getExportModalErrorProps.d.ts.map +1 -1
- package/dist/types/components/ExportButton/getExportModalStepProps.d.ts.map +1 -1
- package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts.map +1 -1
- package/dist/types/components/FormFieldInput/FormFieldInput.d.ts.map +1 -1
- package/dist/types/components/Grid/Grid.uni.driver.d.ts +2 -0
- package/dist/types/components/Grid/Grid.uni.driver.d.ts.map +1 -1
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts +4 -0
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/Grid/GridFoldersSection.uni.driver.d.ts +2 -0
- package/dist/types/components/Grid/GridFoldersSection.uni.driver.d.ts.map +1 -1
- package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
- package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
- package/dist/types/components/MaxHeightText/MaxHeightText.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts +2 -0
- package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PageSubTitle/PageSubTitle.d.ts +26 -0
- package/dist/types/components/PageSubTitle/PageSubTitle.d.ts.map +1 -0
- package/dist/types/components/PageSubTitle/index.d.ts +1 -25
- package/dist/types/components/PageSubTitle/index.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
- package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
- package/dist/types/components/SingleSelectFilter/SingleSelectFilter.d.ts.map +1 -1
- package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
- package/dist/types/components/SlidingModal/SlidingModal.st.css.d.ts.map +1 -1
- package/dist/types/components/Table/Table.uni.driver.d.ts +2 -0
- package/dist/types/components/Table/Table.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts +2 -0
- package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts +4 -0
- package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.d.ts +6 -0
- package/dist/types/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map +1 -1
- package/dist/types/state/simplifyExtendedColumns.d.ts.map +1 -1
- package/dist/types/test-utils/WixPatternsEssentialsTestProvider.d.ts.map +1 -1
- package/dist/types/testkit/enzyme.d.ts +22 -0
- package/dist/types/testkit/enzyme.d.ts.map +1 -1
- package/dist/types/testkit/jsdom.d.ts +22 -0
- package/dist/types/testkit/jsdom.d.ts.map +1 -1
- package/dist/types/testkit/puppeteer.d.ts +22 -0
- package/dist/types/testkit/puppeteer.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +4 -4
|
@@ -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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1187167250\";\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\":\"Heading1187167250__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "InputOverflow843607313";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "InputOverflow843607313__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow843607313\";\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\":\"InputOverflow843607313__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,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,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":[]}
|
|
@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "LoadingRow941702527";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "LoadingRow941702527__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {
|
|
18
|
-
"gradientSwoosh": "
|
|
18
|
+
"gradientSwoosh": "LoadingRow941702527__gradientSwoosh"
|
|
19
19
|
};
|
|
20
20
|
var layers = exports.layers = {};
|
|
21
21
|
var containers = exports.containers = {};
|
|
@@ -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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow941702527\";\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\":\"LoadingRow941702527__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow941702527__gradientSwoosh\"}; \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,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;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AACxE,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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "MaxHeightText3477744653";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "MaxHeightText3477744653__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3477744653\";\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\":\"MaxHeightText3477744653__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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "MaxLines2041317242";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "MaxLines2041317242__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2041317242\";\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\":\"MaxLines2041317242__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "MultiBulkActionToolbar1540942670";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "MultiBulkActionToolbar1540942670__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1540942670\";\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\":\"MultiBulkActionToolbar1540942670__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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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":[]}
|
|
@@ -99,7 +99,8 @@ function _MultiSelectCheckboxFilter(props) {
|
|
|
99
99
|
fixedFooter,
|
|
100
100
|
showInitialLoader
|
|
101
101
|
} = (0, _usePlaceholderStateOptions.usePlaceholderStateOptions)([...(isEmptySearch ? promotedOptions : []), ...otherOptions], {
|
|
102
|
-
collection
|
|
102
|
+
collection,
|
|
103
|
+
fixedFooter: rest.fixedFooter
|
|
103
104
|
});
|
|
104
105
|
const selectedValuesText = (0, _react.useMemo)(() => {
|
|
105
106
|
return selectedValues.map(({
|
|
@@ -219,14 +220,14 @@ function _MultiSelectCheckboxFilter(props) {
|
|
|
219
220
|
__self: this,
|
|
220
221
|
__source: {
|
|
221
222
|
fileName: _jsxFileName,
|
|
222
|
-
lineNumber:
|
|
223
|
+
lineNumber: 272,
|
|
223
224
|
columnNumber: 9
|
|
224
225
|
}
|
|
225
226
|
}),
|
|
226
227
|
__self: this,
|
|
227
228
|
__source: {
|
|
228
229
|
fileName: _jsxFileName,
|
|
229
|
-
lineNumber:
|
|
230
|
+
lineNumber: 199,
|
|
230
231
|
columnNumber: 5
|
|
231
232
|
}
|
|
232
233
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","translationKey","initTask","status","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n KeyedItemOption,\n MultiSelectCheckboxFilterBase,\n MultiSelectCheckboxFilterBaseOption,\n MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n useCollectionFilterInitialFetchTiming,\n CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n V,\n F extends FiltersMap = FiltersMap,\n> extends Omit<\n MultiSelectCheckboxFilterBaseProps<V>,\n 'options' | 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /**\n * A collection state object to fetch the dropdown items.<br>\n * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n * @external\n */\n collection: CollectionState<V, F>;\n /**\n * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n */\n renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n const {\n filter,\n collection,\n renderItem,\n onSelect,\n onClose,\n onOptionsShow,\n onDeselect,\n placeholder: placeholderProp,\n ...rest\n } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const buildOption = useBuildOption<V>({\n filter,\n renderItem,\n checkbox: true,\n });\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [dropdownCollectionFilterState] = useState(\n () =>\n new DropdownCollectionFilterState<V, F>({\n resetOnClose: false,\n collectionFilter,\n container,\n toolbar,\n }),\n );\n\n const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n dropdownCollectionFilterState;\n const { disableEditing } = inputState;\n\n const {\n select: { selectedKeys, selectedValues },\n finalFilterKeyedItems,\n finalFilterKeyedItemsMap,\n container: { translate: t },\n } = dropdownSelect;\n\n const [textOverflowState] = useState(\n () =>\n new TextOverflowState({\n observable: () => dropdownSelect.select.selectedValues,\n }),\n );\n const { isOverflow } = textOverflowState;\n\n const {\n result: { keyedItems },\n fetchedLastPage,\n query: {\n search: { isEmpty: isEmptySearch },\n },\n } = collection;\n\n const finalOptions = finalFilterKeyedItems.length\n ? finalFilterKeyedItems.map(buildOption)\n : [];\n\n const divider =\n finalFilterKeyedItems.length &&\n finalFilterKeyedItems.length !== keyedItems.length\n ? [\n listItemSectionBuilder({\n id: 'promoted-section-divider',\n type: 'divider',\n }),\n ]\n : [];\n\n const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n ...finalOptions,\n ...divider,\n ];\n\n const otherOptions: KeyedItemOption<V>[] = (\n isEmptySearch\n ? keyedItems.filter(\n ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n )\n : keyedItems\n ).map(buildOption);\n\n const { options, fixedFooter, showInitialLoader } =\n usePlaceholderStateOptions(\n [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n {\n collection,\n },\n );\n\n const selectedValuesText = useMemo(() => {\n return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n }, [selectedValues]);\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const placeholder = useMemo(() => {\n if (!shouldShowPlaceholder) {\n return '';\n }\n\n if (selectedValues.length !== 0) {\n if (\n (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n isOverflow\n ) {\n return t('cairo.dropdownSearch.filters.selected', {\n total: selectedValues.length,\n });\n }\n\n return selectedValuesText;\n }\n\n if (placeholderProp) {\n return placeholderProp;\n }\n\n const translationKey = 'cairo.dropdownSearch.select.filers.placeholder';\n\n if (t(translationKey) !== translationKey) {\n return t(translationKey);\n }\n\n return '';\n }, [\n selectedValues,\n selectedValuesText,\n shouldShowPlaceholder,\n isOverflow,\n placeholderProp,\n container.initTask.status.status,\n ]);\n\n return (\n <MultiSelectCheckboxFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n filter={filter}\n dropdownSelect={dropdownSelect}\n options={options}\n selectedOptions={selectedKeys}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n onClose={() => {\n if (!dropdownSelect.hasPendingFilter) {\n dropdownSelect.closeAndChangeSelectedItems();\n }\n inputState.onBlur();\n onClose?.();\n }}\n onSelect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.set(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'add',\n clickedValueKey: keyedItem.key,\n });\n }\n onSelect?.(id, option);\n }}\n onDeselect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.delete(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'remove',\n clickedValueKey: keyedItem.key,\n });\n }\n onDeselect?.(id, option);\n }}\n value={collection.query.search.value}\n onFocus={() => {\n inputState.onFocus();\n onFocus();\n }}\n onBlur={() => {\n inputState.onBlur();\n }}\n onChange={(e) => {\n collection.search(e.target.value, { clearResult: true });\n }}\n onOptionsShow={() => {\n inputState.onOptionsShow();\n onOptionsShow?.();\n }}\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n inputState.onTabKeyDown();\n }\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n inputState.onClickOutside();\n }}\n onClear={() => {\n inputState.onBlur();\n collection.clearSearch();\n }}\n disableEditing={disableEditing}\n placeholder={placeholder}\n clearButton={!disableEditing}\n clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n focusOnClearClick\n inputElement={\n <InputOverflow\n selected={selectedValues.length > 0}\n focused={inputState.isFocused}\n text={selectedValuesText}\n state={textOverflowState}\n />\n }\n />\n );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","translationKey","initTask","status","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n KeyedItemOption,\n MultiSelectCheckboxFilterBase,\n MultiSelectCheckboxFilterBaseOption,\n MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n useCollectionFilterInitialFetchTiming,\n CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n V,\n F extends FiltersMap = FiltersMap,\n> extends Omit<\n MultiSelectCheckboxFilterBaseProps<V>,\n 'options' | 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /**\n * A collection state object to fetch the dropdown items.<br>\n * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n * @external\n */\n collection: CollectionState<V, F>;\n /**\n * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n */\n renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n const {\n filter,\n collection,\n renderItem,\n onSelect,\n onClose,\n onOptionsShow,\n onDeselect,\n placeholder: placeholderProp,\n ...rest\n } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const buildOption = useBuildOption<V>({\n filter,\n renderItem,\n checkbox: true,\n });\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [dropdownCollectionFilterState] = useState(\n () =>\n new DropdownCollectionFilterState<V, F>({\n resetOnClose: false,\n collectionFilter,\n container,\n toolbar,\n }),\n );\n\n const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n dropdownCollectionFilterState;\n const { disableEditing } = inputState;\n\n const {\n select: { selectedKeys, selectedValues },\n finalFilterKeyedItems,\n finalFilterKeyedItemsMap,\n container: { translate: t },\n } = dropdownSelect;\n\n const [textOverflowState] = useState(\n () =>\n new TextOverflowState({\n observable: () => dropdownSelect.select.selectedValues,\n }),\n );\n const { isOverflow } = textOverflowState;\n\n const {\n result: { keyedItems },\n fetchedLastPage,\n query: {\n search: { isEmpty: isEmptySearch },\n },\n } = collection;\n\n const finalOptions = finalFilterKeyedItems.length\n ? finalFilterKeyedItems.map(buildOption)\n : [];\n\n const divider =\n finalFilterKeyedItems.length &&\n finalFilterKeyedItems.length !== keyedItems.length\n ? [\n listItemSectionBuilder({\n id: 'promoted-section-divider',\n type: 'divider',\n }),\n ]\n : [];\n\n const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n ...finalOptions,\n ...divider,\n ];\n\n const otherOptions: KeyedItemOption<V>[] = (\n isEmptySearch\n ? keyedItems.filter(\n ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n )\n : keyedItems\n ).map(buildOption);\n\n const { options, fixedFooter, showInitialLoader } =\n usePlaceholderStateOptions(\n [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n {\n collection,\n fixedFooter: rest.fixedFooter,\n },\n );\n\n const selectedValuesText = useMemo(() => {\n return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n }, [selectedValues]);\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const placeholder = useMemo(() => {\n if (!shouldShowPlaceholder) {\n return '';\n }\n\n if (selectedValues.length !== 0) {\n if (\n (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n isOverflow\n ) {\n return t('cairo.dropdownSearch.filters.selected', {\n total: selectedValues.length,\n });\n }\n\n return selectedValuesText;\n }\n\n if (placeholderProp) {\n return placeholderProp;\n }\n\n const translationKey = 'cairo.dropdownSearch.select.filers.placeholder';\n\n if (t(translationKey) !== translationKey) {\n return t(translationKey);\n }\n\n return '';\n }, [\n selectedValues,\n selectedValuesText,\n shouldShowPlaceholder,\n isOverflow,\n placeholderProp,\n container.initTask.status.status,\n ]);\n\n return (\n <MultiSelectCheckboxFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n filter={filter}\n dropdownSelect={dropdownSelect}\n options={options}\n selectedOptions={selectedKeys}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n onClose={() => {\n if (!dropdownSelect.hasPendingFilter) {\n dropdownSelect.closeAndChangeSelectedItems();\n }\n inputState.onBlur();\n onClose?.();\n }}\n onSelect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.set(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'add',\n clickedValueKey: keyedItem.key,\n });\n }\n onSelect?.(id, option);\n }}\n onDeselect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.delete(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'remove',\n clickedValueKey: keyedItem.key,\n });\n }\n onDeselect?.(id, option);\n }}\n value={collection.query.search.value}\n onFocus={() => {\n inputState.onFocus();\n onFocus();\n }}\n onBlur={() => {\n inputState.onBlur();\n }}\n onChange={(e) => {\n collection.search(e.target.value, { clearResult: true });\n }}\n onOptionsShow={() => {\n inputState.onOptionsShow();\n onOptionsShow?.();\n }}\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n inputState.onTabKeyDown();\n }\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n inputState.onClickOutside();\n }}\n onClear={() => {\n inputState.onBlur();\n collection.clearSearch();\n }}\n disableEditing={disableEditing}\n placeholder={placeholder}\n clearButton={!disableEditing}\n clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n focusOnClearClick\n inputElement={\n <InputOverflow\n selected={selectedValues.length > 0}\n focused={inputState.isFocused}\n text={selectedValuesText}\n state={textOverflowState}\n />\n }\n />\n );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "NestedTablePlaceholderStatesRow1268974781";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "NestedTablePlaceholderStatesRow1268974781__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow1268974781\";\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\":\"NestedTablePlaceholderStatesRow1268974781__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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":[]}
|
|
@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "NestedTableRow3049290671";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"firstLevel": "
|
|
17
|
-
"placeholder": "
|
|
18
|
-
"parentHovered": "
|
|
15
|
+
"root": "NestedTableRow3049290671__root",
|
|
16
|
+
"firstLevel": "NestedTableRow3049290671__firstLevel",
|
|
17
|
+
"placeholder": "NestedTableRow3049290671__placeholder",
|
|
18
|
+
"parentHovered": "NestedTableRow3049290671__parentHovered"
|
|
19
19
|
};
|
|
20
20
|
var keyframes = exports.keyframes = {};
|
|
21
21
|
var layers = exports.layers = {};
|
|
@@ -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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow3049290671\";\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\":\"NestedTableRow3049290671__root\",\"firstLevel\":\"NestedTableRow3049290671__firstLevel\",\"placeholder\":\"NestedTableRow3049290671__placeholder\",\"parentHovered\":\"NestedTableRow3049290671__parentHovered\"};\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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "MultipleDragOverlayEffect40210175";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "MultipleDragOverlayEffect40210175__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect40210175\";\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\":\"MultipleDragOverlayEffect40210175__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,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "NestedTableDragAndDropRow2261697826";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "NestedTableDragAndDropRow2261697826__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2261697826\";\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\":\"NestedTableDragAndDropRow2261697826__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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":[]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.PageSubTitle = void 0;
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
var _designSystem = require("@wix/design-system");
|
|
8
|
+
var _react2 = require("@wix/bex-core/react");
|
|
9
|
+
var _useSelector = require("../../useSelector");
|
|
10
|
+
var _bexCore = require("@wix/bex-core");
|
|
11
|
+
var _bi = require("@wix/bex-core/bi");
|
|
12
|
+
var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageSubTitle/PageSubTitle.tsx";
|
|
13
|
+
/**
|
|
14
|
+
* Props for the PageSubTitle component.
|
|
15
|
+
* @property {string} text The subtitle text.
|
|
16
|
+
* @property {Object} [learnMore] An object with a `url` (required) for displaying a link button on the subtitle.
|
|
17
|
+
* @property {string} learnMore.url where the link should navigate to
|
|
18
|
+
* @property {string} [learnMore.label ="Learn more"] - the label of the link button. defaults to "Learn More"
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Renders a page subtitle with an optional learn more button
|
|
23
|
+
* @component
|
|
24
|
+
* @param {PageSubTitleProps} props The props for the component.
|
|
25
|
+
* @example
|
|
26
|
+
* ```jsx
|
|
27
|
+
* <PageSubTitle text="Welcome to my page" learnMore={{ url: "/learn-more", label: "Learn More" }} />
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
const PageSubTitle = ({
|
|
31
|
+
text,
|
|
32
|
+
learnMore
|
|
33
|
+
}) => {
|
|
34
|
+
const {
|
|
35
|
+
translate: t,
|
|
36
|
+
initTask
|
|
37
|
+
} = (0, _react2.useWixPatternsContainer)();
|
|
38
|
+
const {
|
|
39
|
+
bi
|
|
40
|
+
} = (0, _react2.useCollectionPageContext)();
|
|
41
|
+
(0, _useSelector.useSelector)(() => initTask.status);
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
43
|
+
gap: "SP1",
|
|
44
|
+
verticalAlign: "middle",
|
|
45
|
+
dataHook: "page-subtitle",
|
|
46
|
+
__self: void 0,
|
|
47
|
+
__source: {
|
|
48
|
+
fileName: _jsxFileName,
|
|
49
|
+
lineNumber: 41,
|
|
50
|
+
columnNumber: 5
|
|
51
|
+
}
|
|
52
|
+
}, text, learnMore && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
|
|
53
|
+
dataHook: "subtitle-learn-more-cta",
|
|
54
|
+
as: "a",
|
|
55
|
+
rel: "noopener",
|
|
56
|
+
target: "_blank",
|
|
57
|
+
href: learnMore.url,
|
|
58
|
+
onClick: () => {
|
|
59
|
+
bi == null || bi.reportBI((0, _bexCore.withoutDefaults)(_bi.cairoPageCtaClicked)({
|
|
60
|
+
location: 'Collection Page Header',
|
|
61
|
+
ctaType: 'link',
|
|
62
|
+
ctaName: 'Learn more'
|
|
63
|
+
}));
|
|
64
|
+
},
|
|
65
|
+
__self: void 0,
|
|
66
|
+
__source: {
|
|
67
|
+
fileName: _jsxFileName,
|
|
68
|
+
lineNumber: 44,
|
|
69
|
+
columnNumber: 9
|
|
70
|
+
}
|
|
71
|
+
}, learnMore.label ?? t('cairo.subtitle.learnMore')));
|
|
72
|
+
};
|
|
73
|
+
exports.PageSubTitle = PageSubTitle;
|
|
74
|
+
//# sourceMappingURL=PageSubTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_useSelector","_bexCore","_bi","_jsxFileName","PageSubTitle","text","learnMore","translate","t","initTask","useWixPatternsContainer","bi","useCollectionPageContext","useSelector","status","default","createElement","Box","gap","verticalAlign","dataHook","__self","__source","fileName","lineNumber","columnNumber","TextButton","as","rel","target","href","url","onClick","reportBI","withoutDefaults","cairoPageCtaClicked","location","ctaType","ctaName","label","exports"],"sources":["../../../../src/components/PageSubTitle/PageSubTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, TextButton } from '@wix/design-system';\nimport {\n useCollectionPageContext,\n useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\n\n/**\n * Props for the PageSubTitle component.\n * @property {string} text The subtitle text.\n * @property {Object} [learnMore] An object with a `url` (required) for displaying a link button on the subtitle.\n * @property {string} learnMore.url where the link should navigate to\n * @property {string} [learnMore.label =\"Learn more\"] - the label of the link button. defaults to \"Learn More\"\n */\nexport interface PageSubTitleProps {\n text: string;\n learnMore?: {\n url: string;\n label?: string;\n };\n}\n\n/**\n * Renders a page subtitle with an optional learn more button\n * @component\n * @param {PageSubTitleProps} props The props for the component.\n * @example\n * ```jsx\n * <PageSubTitle text=\"Welcome to my page\" learnMore={{ url: \"/learn-more\", label: \"Learn More\" }} />\n * ```\n */\nexport const PageSubTitle = ({ text, learnMore }: PageSubTitleProps) => {\n const { translate: t, initTask } = useWixPatternsContainer();\n const { bi } = useCollectionPageContext();\n useSelector(() => initTask.status);\n\n return (\n <Box gap=\"SP1\" verticalAlign=\"middle\" dataHook=\"page-subtitle\">\n {text}\n {learnMore && (\n <TextButton\n dataHook=\"subtitle-learn-more-cta\"\n as=\"a\"\n rel=\"noopener\"\n target=\"_blank\"\n href={learnMore.url}\n onClick={() => {\n bi?.reportBI(\n withoutDefaults(cairoPageCtaClicked)({\n location: 'Collection Page Header',\n ctaType: 'link',\n ctaName: 'Learn more',\n }),\n );\n }}\n >\n {learnMore.label ?? t('cairo.subtitle.learnMore')}\n </TextButton>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAIA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AAAuD,IAAAM,YAAA;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA6B,CAAC,KAAK;EACtE,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAM;IAAEC;EAAG,CAAC,GAAG,IAAAC,gCAAwB,EAAC,CAAC;EACzC,IAAAC,wBAAW,EAAC,MAAMJ,QAAQ,CAACK,MAAM,CAAC;EAElC,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,eAAe;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DpB,IAAI,EACJC,SAAS,iBACRX,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA4B,UAAU;IACTN,QAAQ,EAAC,yBAAyB;IAClCO,EAAE,EAAC,GAAG;IACNC,GAAG,EAAC,UAAU;IACdC,MAAM,EAAC,QAAQ;IACfC,IAAI,EAAExB,SAAS,CAACyB,GAAI;IACpBC,OAAO,EAAEA,CAAA,KAAM;MACbrB,EAAE,YAAFA,EAAE,CAAEsB,QAAQ,CACV,IAAAC,wBAAe,EAACC,uBAAmB,CAAC,CAAC;QACnCC,QAAQ,EAAE,wBAAwB;QAClCC,OAAO,EAAE,MAAM;QACfC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAE;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDnB,SAAS,CAACiC,KAAK,IAAI/B,CAAC,CAAC,0BAA0B,CACtC,CAEX,CAAC;AAEV,CAAC;AAACgC,OAAA,CAAApC,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -1,62 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
exports.__esModule = true;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Props for the PageSubTitle component.
|
|
13
|
-
* @property {string} text The subtitle text.
|
|
14
|
-
* @property {Object} [learnMore] An object with a `url` (required) for displaying a link button on the subtitle.
|
|
15
|
-
* @property {string} learnMore.url where the link should navigate to
|
|
16
|
-
* @property {string} [learnMore.label ="Learn more"] - the label of the link button. defaults to "Learn More"
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Renders a page subtitle with an optional learn more button
|
|
21
|
-
* @component
|
|
22
|
-
* @param {PageSubTitleProps} props The props for the component.
|
|
23
|
-
* @example
|
|
24
|
-
* ```jsx
|
|
25
|
-
* <PageSubTitle text="Welcome to my page" learnMore={{ url: "/learn-more", label: "Learn More" }} />
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
const PageSubTitle = ({
|
|
29
|
-
text,
|
|
30
|
-
learnMore
|
|
31
|
-
}) => {
|
|
32
|
-
const {
|
|
33
|
-
translate: t,
|
|
34
|
-
initTask
|
|
35
|
-
} = (0, _react2.useWixPatternsContainer)();
|
|
36
|
-
(0, _useSelector.useSelector)(() => initTask.status);
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
38
|
-
gap: "SP1",
|
|
39
|
-
verticalAlign: "middle",
|
|
40
|
-
dataHook: "page-subtitle",
|
|
41
|
-
__self: void 0,
|
|
42
|
-
__source: {
|
|
43
|
-
fileName: _jsxFileName,
|
|
44
|
-
lineNumber: 35,
|
|
45
|
-
columnNumber: 5
|
|
46
|
-
}
|
|
47
|
-
}, text, learnMore && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
|
|
48
|
-
dataHook: "subtitle-learn-more-cta",
|
|
49
|
-
as: "a",
|
|
50
|
-
rel: "noopener",
|
|
51
|
-
target: "_blank",
|
|
52
|
-
href: learnMore.url,
|
|
53
|
-
__self: void 0,
|
|
54
|
-
__source: {
|
|
55
|
-
fileName: _jsxFileName,
|
|
56
|
-
lineNumber: 38,
|
|
57
|
-
columnNumber: 9
|
|
58
|
-
}
|
|
59
|
-
}, learnMore.label ?? t('cairo.subtitle.learnMore')));
|
|
60
|
-
};
|
|
61
|
-
exports.PageSubTitle = PageSubTitle;
|
|
4
|
+
var _PageSubTitle = require("./PageSubTitle");
|
|
5
|
+
Object.keys(_PageSubTitle).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _PageSubTitle[key]) return;
|
|
8
|
+
exports[key] = _PageSubTitle[key];
|
|
9
|
+
});
|
|
62
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_PageSubTitle","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/PageSubTitle/index.ts"],"sourcesContent":["export * from './PageSubTitle';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
|