@bikdotai/bik-component-library 0.0.238 → 0.0.239-beta.1

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 (161) hide show
  1. package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  2. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  3. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  4. package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  5. package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.d.ts +0 -1
  6. package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.js +1 -1
  7. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts +1 -5
  8. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  9. package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +0 -2
  10. package/dist/cjs/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts +0 -1
  11. package/dist/cjs/components/accordion/Accordion.d.ts +0 -3
  12. package/dist/cjs/components/accordion/Accordion.js +1 -1
  13. package/dist/cjs/components/accordion/Accordion.style.d.ts +0 -2
  14. package/dist/cjs/components/accordion/Accordion.style.js +4 -8
  15. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +2 -1
  16. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  17. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -1
  18. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  19. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -1
  20. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  21. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  22. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts +1 -2
  23. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +1 -1
  24. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +1 -1
  25. package/dist/cjs/components/bik-layout/BikHeader.d.ts +0 -1
  26. package/dist/cjs/components/bik-layout/BikHeader.js +1 -1
  27. package/dist/cjs/components/bik-layout/CommonStyles.d.ts +0 -4
  28. package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
  29. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  30. package/dist/cjs/components/button/Button.js +1 -1
  31. package/dist/cjs/components/button/Button.styled.d.ts +0 -1
  32. package/dist/cjs/components/button/Button.styled.js +1 -1
  33. package/dist/cjs/components/button/model.d.ts +0 -1
  34. package/dist/cjs/components/button/themes.d.ts +1 -1
  35. package/dist/cjs/components/button/themes.js +1 -1
  36. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  37. package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
  38. package/dist/cjs/components/custom-date-time/CustomDateTime.js +1 -1
  39. package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
  40. package/dist/cjs/components/discount-modal/DiscountUtils.js +1 -1
  41. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  42. package/dist/cjs/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
  43. package/dist/cjs/components/dropdown/Dropdown.js +1 -1
  44. package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +1 -1
  45. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  46. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +1 -1
  47. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
  48. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +0 -1
  49. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +1 -1
  50. package/dist/cjs/components/dropdown/index.d.ts +1 -2
  51. package/dist/cjs/components/dropdown/type.d.ts +0 -1
  52. package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
  53. package/dist/cjs/components/input/Input.d.ts +0 -2
  54. package/dist/cjs/components/input/Input.js +1 -1
  55. package/dist/cjs/components/input/Input.styled.d.ts +0 -1
  56. package/dist/cjs/components/input/Input.styled.js +1 -1
  57. package/dist/cjs/components/product-picker-v2/modal.js +1 -1
  58. package/dist/cjs/components/searchBar/searchBar.d.ts +0 -1
  59. package/dist/cjs/components/searchBar/searchBar.js +1 -1
  60. package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts +4 -6
  61. package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js +1 -1
  62. package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +0 -2
  63. package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
  64. package/dist/cjs/components/stepper/Stepper.d.ts +0 -1
  65. package/dist/cjs/components/stepper/Stepper.js +1 -1
  66. package/dist/cjs/components/stepper/Stepper.styled.d.ts +0 -1
  67. package/dist/cjs/components/stepper/Stepper.styled.js +5 -5
  68. package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
  69. package/dist/cjs/index.d.ts +0 -2
  70. package/dist/cjs/index.js +1 -1
  71. package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  72. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  73. package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  74. package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  75. package/dist/esm/components/QueryBuilder/components/DropdownWrapper.d.ts +0 -1
  76. package/dist/esm/components/QueryBuilder/components/DropdownWrapper.js +1 -1
  77. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts +1 -5
  78. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  79. package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +0 -2
  80. package/dist/esm/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts +0 -1
  81. package/dist/esm/components/accordion/Accordion.d.ts +0 -3
  82. package/dist/esm/components/accordion/Accordion.js +1 -1
  83. package/dist/esm/components/accordion/Accordion.style.d.ts +0 -2
  84. package/dist/esm/components/accordion/Accordion.style.js +4 -8
  85. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +2 -1
  86. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  87. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -1
  88. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  89. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -1
  90. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  91. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  92. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts +1 -2
  93. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +1 -1
  94. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +1 -1
  95. package/dist/esm/components/bik-layout/BikHeader.d.ts +0 -1
  96. package/dist/esm/components/bik-layout/BikHeader.js +1 -1
  97. package/dist/esm/components/bik-layout/CommonStyles.d.ts +0 -4
  98. package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
  99. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  100. package/dist/esm/components/button/Button.js +1 -1
  101. package/dist/esm/components/button/Button.styled.d.ts +0 -1
  102. package/dist/esm/components/button/Button.styled.js +1 -1
  103. package/dist/esm/components/button/model.d.ts +0 -1
  104. package/dist/esm/components/button/themes.d.ts +1 -1
  105. package/dist/esm/components/button/themes.js +1 -1
  106. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  107. package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
  108. package/dist/esm/components/custom-date-time/CustomDateTime.js +1 -1
  109. package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
  110. package/dist/esm/components/discount-modal/DiscountUtils.js +1 -1
  111. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  112. package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
  113. package/dist/esm/components/dropdown/Dropdown.js +1 -1
  114. package/dist/esm/components/dropdown/MenuItem/MenuItem.js +1 -1
  115. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  116. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +2 -2
  117. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
  118. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +0 -1
  119. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +1 -1
  120. package/dist/esm/components/dropdown/index.d.ts +1 -2
  121. package/dist/esm/components/dropdown/type.d.ts +0 -1
  122. package/dist/esm/components/dropdown-button/DropdownButton.js +1 -1
  123. package/dist/esm/components/input/Input.d.ts +0 -2
  124. package/dist/esm/components/input/Input.js +1 -1
  125. package/dist/esm/components/input/Input.styled.d.ts +0 -1
  126. package/dist/esm/components/input/Input.styled.js +1 -1
  127. package/dist/esm/components/product-picker-v2/modal.js +1 -1
  128. package/dist/esm/components/searchBar/searchBar.d.ts +0 -1
  129. package/dist/esm/components/searchBar/searchBar.js +1 -1
  130. package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.d.ts +4 -6
  131. package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.js +1 -1
  132. package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +0 -2
  133. package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
  134. package/dist/esm/components/stepper/Stepper.d.ts +0 -1
  135. package/dist/esm/components/stepper/Stepper.js +1 -1
  136. package/dist/esm/components/stepper/Stepper.styled.d.ts +0 -1
  137. package/dist/esm/components/stepper/Stepper.styled.js +1 -1
  138. package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
  139. package/dist/esm/index.d.ts +0 -2
  140. package/dist/esm/index.js +1 -1
  141. package/package.json +1 -1
  142. package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts +0 -41
  143. package/dist/cjs/components/dropdown/hooks/useDropdown.js +0 -1
  144. package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts +0 -19
  145. package/dist/cjs/components/dynamic-tabs/DynamicTabs.js +0 -1
  146. package/dist/cjs/components/dynamic-tabs/index.d.ts +0 -1
  147. package/dist/cjs/components/side-modal/SideModal.d.ts +0 -14
  148. package/dist/cjs/components/side-modal/SideModal.js +0 -1
  149. package/dist/cjs/components/side-modal/SideModal.style.d.ts +0 -12
  150. package/dist/cjs/components/side-modal/SideModal.style.js +0 -54
  151. package/dist/cjs/components/side-modal/index.d.ts +0 -1
  152. package/dist/esm/components/dropdown/hooks/useDropdown.d.ts +0 -41
  153. package/dist/esm/components/dropdown/hooks/useDropdown.js +0 -1
  154. package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts +0 -19
  155. package/dist/esm/components/dynamic-tabs/DynamicTabs.js +0 -1
  156. package/dist/esm/components/dynamic-tabs/index.d.ts +0 -1
  157. package/dist/esm/components/side-modal/SideModal.d.ts +0 -14
  158. package/dist/esm/components/side-modal/SideModal.js +0 -1
  159. package/dist/esm/components/side-modal/SideModal.style.d.ts +0 -12
  160. package/dist/esm/components/side-modal/SideModal.style.js +0 -54
  161. package/dist/esm/components/side-modal/index.d.ts +0 -1
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";
1
+ import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.238",
3
+ "version": "0.0.239-beta.1",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,41 +0,0 @@
1
- /// <reference types="react" />
2
- import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
3
- import { DropdownOption, SingleOption } from '../type';
4
- export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined) => {
5
- latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
6
- dropdownOptions: DropdownOption[];
7
- search: (searchKey: string) => void;
8
- searchedString: string;
9
- searchedOptions: DropdownOption[];
10
- onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
11
- label: string;
12
- value: string;
13
- description?: string | null | undefined;
14
- selected?: boolean | undefined;
15
- disabled?: boolean | undefined;
16
- isFreeForm?: boolean | undefined;
17
- subText?: string | undefined;
18
- trailingIcon?: JSX.Element | undefined;
19
- leadingIcon?: JSX.Element | undefined;
20
- customComponent?: JSX.Element | undefined;
21
- searchKey?: string | undefined;
22
- } | {
23
- label?: string | undefined;
24
- value?: string | undefined;
25
- description?: string | null | undefined;
26
- selected?: boolean | undefined;
27
- disabled?: boolean | undefined;
28
- isFreeForm?: boolean | undefined;
29
- subText?: string | undefined;
30
- trailingIcon?: JSX.Element | undefined;
31
- leadingIcon?: JSX.Element | undefined;
32
- customComponent?: JSX.Element | undefined;
33
- searchKey?: string | undefined;
34
- options: SingleOption[];
35
- })[] | undefined;
36
- selectAllHandler: (newState: SelectAllCheckboxState) => void;
37
- onMultiSelectClear: () => void;
38
- onFreeFormSelect: (selected: boolean) => void;
39
- onMultiSelectApply: (options?: DropdownOption[]) => void;
40
- getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
41
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",l=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0;const[a,u]=e.useState(null!=l?l:[]),[r,d]=e.useState([]),[p,v]=e.useState(""),O=e.useRef(a);e.useEffect((()=>{if(O.current=a,r.length&&p&&o){let e=[...r];const t=a.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d([...e])}}),[a]),e.useEffect((()=>{if(l){const e=[...l];u(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const f=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function g(e,l){if(c)if(r.length&&p&&o)if(e.selected){let n=!1;const i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||i.push(e),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{let n=!1,i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(i=i.filter((t=>t.value!==e.value))),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{const n=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value));if(l)return[...n];u([...n]),"2.0"===s&&b(n)}else null==n||n(e)}function b(e){const t=f(null!=e?e:O.current);null==n||n([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:a,search:function(e){if(v(e),d([]),e&&o){const s=[];t.iterateOnOptionsRaw(a,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));d([...t])}}))}},searchedString:p,searchedOptions:r,onApplyHandler:g,selectAllHandler:function(e){if(r.length&&p&&o)!function(e){let t=[...a];e?r.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):r.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),u([...t]),"2.0"===s&&b(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(a,{selected:!0},(e=>{var t;return p?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e]),"2.0"===s&&b(e)}else if("notSelected"===e){const e=t.iterateOnOptions(a,{selected:!1},(e=>!e.disabled));u([...e]),"2.0"===s&&b(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(a,{selected:!1});u([...e]),"2.0"===s&&b(e)},onFreeFormSelect:function(e){if(!c)return void g({label:p,value:p,isFreeForm:!0,selected:!0});const t=a.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===p&&t.value===p?e:t.selected})));e&&(t.some((e=>e.label===p&&e.value===p))||t.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...t]),"2.0"===s&&b(t)},onMultiSelectApply:b,getSelectedOptions:f}};
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DynamicTabsDetails {
3
- id: number;
4
- text: string;
5
- action: (tabName: string) => void;
6
- displayText?: string;
7
- }
8
- export interface DynamicTabsStyleDetails {
9
- type: 'SQUARE' | 'CAPSULE';
10
- style?: {
11
- [property: string]: string | number;
12
- };
13
- }
14
- export interface DynamicTabsProps {
15
- tabsInfo: DynamicTabsDetails[];
16
- tabStyleInfo: DynamicTabsStyleDetails;
17
- selectedTabId?: number;
18
- }
19
- export declare const DynamicTabs: (props: DynamicTabsProps) => JSX.Element;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.DynamicTabs=d=>{const[s,i]=o.useState(0),{tabsInfo:l,tabStyleInfo:a}=d;return o.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&i(d.selectedTabId)}),[d.selectedTabId]),e.jsx("div",{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:r.DEFAULT_THEME.colorsV2.surface.standard}},{children:l.map(((o,d)=>{var n,c,u,p,b,T,E;const y="CAPSULE"===a.type?null!==(c=null===(n=a.style)||void 0===n?void 0:n.borderTopLeftRadius)&&void 0!==c?c:20:0===d&&"SQUARE"===a.type?(null===(u=a.style)||void 0===u?void 0:u.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,L="CAPSULE"===a.type?null!==(b=null===(p=a.style)||void 0===p?void 0:p.borderTopLeftRadius)&&void 0!==b?b:20:d===l.length-1&&"SQUARE"===a.type?(null===(T=a.style)||void 0===T?void 0:T.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,f=o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx("div",Object.assign({onClick:()=>{(e=>{i(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:"110px",borderTop:`1px solid ${f}`,borderBottom:`1px solid ${f}`,borderLeft:`1px solid ${f}`,borderRight:`${d===l.length-1&&"SQUARE"===a.type||"CAPSULE"===a.type||o.id===s?1:0}px solid ${f}`,backgroundColor:o.id===s?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:y,borderBottomLeftRadius:y,borderTopRightRadius:L,borderBottomRightRadius:L,padding:"8px 24px",marginRight:null===(E=a.style)||void 0===E?void 0:E.marginRight,justifyContent:"space-around"}},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}),o.id)}))}))})};
@@ -1 +0,0 @@
1
- export * from './DynamicTabs';
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from '../button/model';
3
- export interface SideModalProps {
4
- header: string;
5
- children: React.ReactNode;
6
- footerCustomComponent?: React.ReactNode;
7
- footerDirection?: 'row' | 'row-reverse';
8
- hideCrossButton?: boolean;
9
- width?: string;
10
- saveButtonProps: ButtonProps;
11
- cancelButtonProps: ButtonProps;
12
- onClose: () => void;
13
- }
14
- export declare const SideModal: React.FC<SideModalProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),s=require("../TypographyStyle.js"),i=require("./SideModal.style.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t);exports.SideModal=t=>d.default.createPortal(e.jsx(i.SideModalStyle,{children:e.jsxs(i.SideModalContainer,{children:[e.jsxs(i.SideModalHeader,{children:[e.jsx(s.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsx(o.default,{width:24,height:24,onClick:t.onClose})]}),e.jsx(i.SideModalBody,{children:t.children}),e.jsxs(i.SideModalFooter,Object.assign({footerDirection:t.footerDirection},{children:[e.jsxs(i.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[e.jsx(r.Button,Object.assign({},t.saveButtonProps)),e.jsx(r.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsx(e.Fragment,{})]}))]})}),document.body);
@@ -1,12 +0,0 @@
1
- export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
3
- width?: string | undefined;
4
- }, never>;
5
- export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
8
- footerDirection?: "row" | "row-reverse" | undefined;
9
- }, never>;
10
- export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
11
- footerDirection?: "row" | "row-reverse" | undefined;
12
- }, never>;
@@ -1,54 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const d=i.default.div`
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- z-index: 11;
6
- height: 100%;
7
- width: 100%;
8
- background-color: rgba(0, 0, 0, 0.6);
9
- display: flex;
10
- align-items: center;
11
- justify-content: flex-end;
12
- `,r=i.default.div`
13
- height: 100%;
14
- width: ${e=>e.width||"566px"};
15
- background: ${t.COLORS.surface.standard};
16
- position: relative;
17
- display: flex;
18
- flex-direction: column;
19
- `,a=i.default.div`
20
- width: 100%;
21
- height: 60px;
22
- position: sticky;
23
- top: 0;
24
- display: flex;
25
- flex-direction: row;
26
- align-items: center;
27
- justify-content: space-between;
28
- background: ${t.COLORS.surface.standard};
29
- padding: 0px 24px;
30
- border-bottom: 1px solid ${t.COLORS.stroke.primary};
31
- svg:hover {
32
- cursor: pointer;
33
- }
34
- `,n=i.default.div`
35
- overflow-y: auto;
36
- padding: 24px;
37
- height: calc(100% - 120px);
38
- `,s=i.default.div`
39
- height: 60px;
40
- width: 100%;
41
- position: sticky;
42
- bottom: 0;
43
- display: flex;
44
- flex-direction: ${e=>e.footerDirection||"row"};
45
- justify-content: space-between;
46
- align-items: center;
47
- background: ${t.COLORS.surface.standard};
48
- border-top: 1px solid ${t.COLORS.stroke.primary};
49
- padding: 0px 24px;
50
- `,p=i.default.div`
51
- display: flex;
52
- flex-direction: ${e=>e.footerDirection||"row"};
53
- gap: 8px;
54
- `;exports.FooterButtonWrapper=p,exports.SideModalBody=n,exports.SideModalContainer=r,exports.SideModalFooter=s,exports.SideModalHeader=a,exports.SideModalStyle=d;
@@ -1 +0,0 @@
1
- export * from './SideModal';
@@ -1,41 +0,0 @@
1
- /// <reference types="react" />
2
- import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
3
- import { DropdownOption, SingleOption } from '../type';
4
- export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined) => {
5
- latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
6
- dropdownOptions: DropdownOption[];
7
- search: (searchKey: string) => void;
8
- searchedString: string;
9
- searchedOptions: DropdownOption[];
10
- onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
11
- label: string;
12
- value: string;
13
- description?: string | null | undefined;
14
- selected?: boolean | undefined;
15
- disabled?: boolean | undefined;
16
- isFreeForm?: boolean | undefined;
17
- subText?: string | undefined;
18
- trailingIcon?: JSX.Element | undefined;
19
- leadingIcon?: JSX.Element | undefined;
20
- customComponent?: JSX.Element | undefined;
21
- searchKey?: string | undefined;
22
- } | {
23
- label?: string | undefined;
24
- value?: string | undefined;
25
- description?: string | null | undefined;
26
- selected?: boolean | undefined;
27
- disabled?: boolean | undefined;
28
- isFreeForm?: boolean | undefined;
29
- subText?: string | undefined;
30
- trailingIcon?: JSX.Element | undefined;
31
- leadingIcon?: JSX.Element | undefined;
32
- customComponent?: JSX.Element | undefined;
33
- searchKey?: string | undefined;
34
- options: SingleOption[];
35
- })[] | undefined;
36
- selectAllHandler: (newState: SelectAllCheckboxState) => void;
37
- onMultiSelectClear: () => void;
38
- onFreeFormSelect: (selected: boolean) => void;
39
- onMultiSelectApply: (options?: DropdownOption[]) => void;
40
- getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
41
- };
@@ -1 +0,0 @@
1
- import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=function(){let c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",o=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,d=arguments.length>5?arguments[5]:void 0;const[r,v]=e(null!=o?o:[]),[p,f]=e([]),[g,b]=e(""),O=t(r);s((()=>{if(O.current=r,p.length&&g&&d){let e=[...p];const t=r.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),f([...e])}}),[r]),s((()=>{if(o){const e=[...o];v(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[o]);const h=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function j(e,t){if(u)if(p.length&&g&&d)if(e.selected){let s=!1;const l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{let s=!1,l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{const s=n(r,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];v([...s]),"2.0"===c&&m(s)}else null==i||i(e)}function m(e){const t=h(null!=e?e:O.current);null==i||i([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:r,search:function(e){if(b(e),f([]),e&&d){const t=[];l(r,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),d(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));f([...s])}}))}},searchedString:g,searchedOptions:p,onApplyHandler:j,selectAllHandler:function(e){if(p.length&&g&&d)!function(e){let t=[...r];e?p.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):p.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),v([...t]),"2.0"===c&&m(t)}("selectAll"===e);else if("selectAll"===e){const e=n(r,{selected:!0},(e=>{var t;return g?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(g.toLowerCase()))&&!e.disabled:!e.disabled}));v([...e]),"2.0"===c&&m(e)}else if("notSelected"===e){const e=n(r,{selected:!1},(e=>!e.disabled));v([...e]),"2.0"===c&&m(e)}},onMultiSelectClear:function(){const e=n(r,{selected:!1});v([...e]),"2.0"===c&&m(e)},onFreeFormSelect:function(e){if(!u)return void j({label:g,value:g,isFreeForm:!0,selected:!0});const t=r.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===g&&t.value===g?e:t.selected})));e&&(t.some((e=>e.label===g&&e.value===g))||t.unshift({label:g,value:g,isFreeForm:!0,selected:!0})),v([...t]),"2.0"===c&&m(t)},onMultiSelectApply:m,getSelectedOptions:h}};export{c as useDropdown};
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DynamicTabsDetails {
3
- id: number;
4
- text: string;
5
- action: (tabName: string) => void;
6
- displayText?: string;
7
- }
8
- export interface DynamicTabsStyleDetails {
9
- type: 'SQUARE' | 'CAPSULE';
10
- style?: {
11
- [property: string]: string | number;
12
- };
13
- }
14
- export interface DynamicTabsProps {
15
- tabsInfo: DynamicTabsDetails[];
16
- tabStyleInfo: DynamicTabsStyleDetails;
17
- selectedTabId?: number;
18
- }
19
- export declare const DynamicTabs: (props: DynamicTabsProps) => JSX.Element;
@@ -1 +0,0 @@
1
- import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{DEFAULT_THEME as t}from"../../constants/Theme.js";import{BodySecondary as d}from"../TypographyStyle.js";const i=i=>{const[s,l]=e(0),{tabsInfo:n,tabStyleInfo:a}=i;return r((()=>{void 0!==i.selectedTabId&&null!==i.selectedTabId&&l(i.selectedTabId)}),[i.selectedTabId]),o("div",{children:o("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.colorsV2.stroke.primary,backgroundColor:t.colorsV2.surface.standard}},{children:n.map(((e,r)=>{var i,c,p,b,u,y,f;const g="CAPSULE"===a.type?null!==(c=null===(i=a.style)||void 0===i?void 0:i.borderTopLeftRadius)&&void 0!==c?c:20:0===r&&"SQUARE"===a.type?(null===(p=a.style)||void 0===p?void 0:p.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,m="CAPSULE"===a.type?null!==(u=null===(b=a.style)||void 0===b?void 0:b.borderTopLeftRadius)&&void 0!==u?u:20:r===n.length-1&&"SQUARE"===a.type?(null===(y=a.style)||void 0===y?void 0:y.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,R=e.id===s?t.colorsV2.content.brand:t.colorsV2.stroke.primary;return o("div",Object.assign({onClick:()=>{(o=>{l(o.id),o.action(o.text)})(e)},style:{cursor:"pointer",display:"flex",flex:1,width:"110px",borderTop:`1px solid ${R}`,borderBottom:`1px solid ${R}`,borderLeft:`1px solid ${R}`,borderRight:`${r===n.length-1&&"SQUARE"===a.type||"CAPSULE"===a.type||e.id===s?1:0}px solid ${R}`,backgroundColor:e.id===s?t.colorsV2.background.brandLight:t.colorsV2.surface.standard,borderTopLeftRadius:g,borderBottomLeftRadius:g,borderTopRightRadius:m,borderBottomRightRadius:m,padding:"8px 24px",marginRight:null===(f=a.style)||void 0===f?void 0:f.marginRight,justifyContent:"space-around"}},{children:o(d,Object.assign({style:{color:e.id===s?t.colorsV2.content.brand:t.colorsV2.content.secondary}},{children:e.text}))}),e.id)}))}))})};export{i as DynamicTabs};
@@ -1 +0,0 @@
1
- export * from './DynamicTabs';
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from '../button/model';
3
- export interface SideModalProps {
4
- header: string;
5
- children: React.ReactNode;
6
- footerCustomComponent?: React.ReactNode;
7
- footerDirection?: 'row' | 'row-reverse';
8
- hideCrossButton?: boolean;
9
- width?: string;
10
- saveButtonProps: ButtonProps;
11
- cancelButtonProps: ButtonProps;
12
- onClose: () => void;
13
- }
14
- export declare const SideModal: React.FC<SideModalProps>;
@@ -1 +0,0 @@
1
- import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import r from"react-dom";import i from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as m,SideModalHeader as d,SideModalBody as l,SideModalFooter as a,FooterButtonWrapper as h}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,{children:t(m,{children:[t(d,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(i,{width:24,height:24,onClick:p.onClose})]}),o(l,{children:p.children}),t(a,Object.assign({footerDirection:p.footerDirection},{children:[t(h,Object.assign({footerDirection:p.footerDirection},{children:[o(n,Object.assign({},p.saveButtonProps)),o(n,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:o(e,{})]}))]})}),document.body);export{p as SideModal};
@@ -1,12 +0,0 @@
1
- export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
3
- width?: string | undefined;
4
- }, never>;
5
- export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
8
- footerDirection?: "row" | "row-reverse" | undefined;
9
- }, never>;
10
- export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
11
- footerDirection?: "row" | "row-reverse" | undefined;
12
- }, never>;
@@ -1,54 +0,0 @@
1
- import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const e=i.div`
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- z-index: 11;
6
- height: 100%;
7
- width: 100%;
8
- background-color: rgba(0, 0, 0, 0.6);
9
- display: flex;
10
- align-items: center;
11
- justify-content: flex-end;
12
- `,o=i.div`
13
- height: 100%;
14
- width: ${i=>i.width||"566px"};
15
- background: ${t.surface.standard};
16
- position: relative;
17
- display: flex;
18
- flex-direction: column;
19
- `,r=i.div`
20
- width: 100%;
21
- height: 60px;
22
- position: sticky;
23
- top: 0;
24
- display: flex;
25
- flex-direction: row;
26
- align-items: center;
27
- justify-content: space-between;
28
- background: ${t.surface.standard};
29
- padding: 0px 24px;
30
- border-bottom: 1px solid ${t.stroke.primary};
31
- svg:hover {
32
- cursor: pointer;
33
- }
34
- `,d=i.div`
35
- overflow-y: auto;
36
- padding: 24px;
37
- height: calc(100% - 120px);
38
- `,n=i.div`
39
- height: 60px;
40
- width: 100%;
41
- position: sticky;
42
- bottom: 0;
43
- display: flex;
44
- flex-direction: ${i=>i.footerDirection||"row"};
45
- justify-content: space-between;
46
- align-items: center;
47
- background: ${t.surface.standard};
48
- border-top: 1px solid ${t.stroke.primary};
49
- padding: 0px 24px;
50
- `,p=i.div`
51
- display: flex;
52
- flex-direction: ${i=>i.footerDirection||"row"};
53
- gap: 8px;
54
- `;export{p as FooterButtonWrapper,d as SideModalBody,o as SideModalContainer,n as SideModalFooter,r as SideModalHeader,e as SideModalStyle};
@@ -1 +0,0 @@
1
- export * from './SideModal';