@dreamcommerce/aurora 0.3.4-175 → 0.3.4-179

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 (95) hide show
  1. package/build/cjs/packages/aurora/src/components/hint/index.js +6 -3
  2. package/build/cjs/packages/aurora/src/components/hint/index.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +4 -2
  4. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +4 -2
  6. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/tooltip/index.js +30 -0
  8. package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/css/modal/main.module.less.js +2 -2
  10. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +12 -0
  11. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js.map +1 -0
  12. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js +41 -0
  13. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -0
  14. package/build/cjs/packages/aurora/src/index.js +79 -76
  15. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/button/types.d.ts +1 -1
  17. package/build/esm/packages/aurora/src/components/hint/index.d.ts +1 -0
  18. package/build/esm/packages/aurora/src/components/hint/index.js +7 -4
  19. package/build/esm/packages/aurora/src/components/hint/index.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +4 -2
  21. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +4 -2
  23. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/modal/types.d.ts +1 -0
  25. package/build/esm/packages/aurora/src/components/tooltip/index.d.ts +10 -0
  26. package/build/esm/packages/aurora/src/components/tooltip/index.js +22 -0
  27. package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -0
  28. package/build/esm/packages/aurora/src/css/modal/main.module.less.js +2 -2
  29. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +8 -0
  30. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js.map +1 -0
  31. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.d.ts +10 -0
  32. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js +37 -0
  33. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -0
  34. package/build/esm/packages/aurora/src/index.d.ts +6 -1
  35. package/build/esm/packages/aurora/src/index.js +2 -1
  36. package/build/esm/packages/aurora/src/index.js.map +1 -1
  37. package/build/esm/packages/aurora/src/src/components/modal/hoc/absolute_modal/index.d.ts +4 -0
  38. package/build/esm/packages/aurora/src/src/index.d.ts +84 -0
  39. package/build/esm/packages/aurora/src/stories/button/button.stories.d.ts +146 -0
  40. package/build/esm/packages/aurora/src/stories/controls/control_cell_selector/control_cell_selector.stories.d.ts +90 -0
  41. package/build/esm/packages/aurora/src/stories/controls/control_checkbox/checkbox.stories.d.ts +89 -0
  42. package/build/esm/packages/aurora/src/stories/controls/control_checkbox_switch/checkbox_switch.stories.d.ts +89 -0
  43. package/build/esm/packages/aurora/src/stories/controls/control_color_picker/control_color_picker.stories.d.ts +126 -0
  44. package/build/esm/packages/aurora/src/stories/controls/control_date_picker/control_date_picker.stories.d.ts +164 -0
  45. package/build/esm/packages/aurora/src/stories/controls/control_file_picker/control_file_picker.stories.d.ts +128 -0
  46. package/build/esm/packages/aurora/src/stories/controls/control_input/control_input.stories.d.ts +184 -0
  47. package/build/esm/packages/aurora/src/stories/controls/control_multi_select/control_multi_select.stories.d.ts +89 -0
  48. package/build/esm/packages/aurora/src/stories/controls/control_radio/control_radio.stories.d.ts +127 -0
  49. package/build/esm/packages/aurora/src/stories/controls/control_radio_group/control_radio.stories.d.ts +32 -0
  50. package/build/esm/packages/aurora/src/stories/controls/control_range/control_range.stories.d.ts +71 -0
  51. package/build/esm/packages/aurora/src/stories/controls/control_range_picker/control_range_picker.stories.d.ts +108 -0
  52. package/build/esm/packages/aurora/src/stories/controls/control_select/control_select.stories.d.ts +108 -0
  53. package/build/esm/packages/aurora/src/stories/controls/control_tags_selector/control_tags_selector.stories.d.ts +126 -0
  54. package/build/esm/packages/aurora/src/stories/controls/control_textarea/control_textarea.stories.d.ts +146 -0
  55. package/build/esm/packages/aurora/src/stories/data_table/data_table.stories.d.ts +33 -0
  56. package/build/esm/packages/aurora/src/stories/dropdown/dropdown.stories.d.ts +127 -0
  57. package/build/esm/packages/aurora/src/stories/flash_messenger/flash_messanger.stories.d.ts +31 -0
  58. package/build/esm/packages/aurora/src/stories/gallery/gallery.stories.d.ts +33 -0
  59. package/build/esm/packages/aurora/src/stories/grid/col.stories.d.ts +89 -0
  60. package/build/esm/packages/aurora/src/stories/grid/grid.stories.d.ts +32 -0
  61. package/build/esm/packages/aurora/src/stories/grid/main.stories.d.ts +71 -0
  62. package/build/esm/packages/aurora/src/stories/grid/row.stories.d.ts +108 -0
  63. package/build/esm/packages/aurora/src/stories/heading/heading.stories.d.ts +51 -0
  64. package/build/esm/packages/aurora/src/stories/heading/subheadings.stories.d.ts +32 -0
  65. package/build/esm/packages/aurora/src/stories/hint/hint.stories.d.ts +108 -0
  66. package/build/esm/packages/aurora/src/stories/index.d.ts +23 -0
  67. package/build/esm/packages/aurora/src/stories/loader/loader.stories.d.ts +70 -0
  68. package/build/esm/packages/aurora/src/stories/message_box/message_box.stories.d.ts +50 -0
  69. package/build/esm/packages/aurora/src/stories/modal/modal.stories.d.ts +126 -0
  70. package/build/esm/packages/aurora/src/stories/modal/modal_absolute_positioning.stories.d.ts +183 -0
  71. package/build/esm/packages/aurora/src/stories/modal/modal_animations.stories.d.ts +202 -0
  72. package/build/esm/packages/aurora/src/stories/modal/modal_relative_positioning.stories.d.ts +88 -0
  73. package/build/esm/packages/aurora/src/stories/modal/modal_structure.stories.d.ts +50 -0
  74. package/build/esm/packages/aurora/src/stories/multiselect_stories/multiselect.stories.d.ts +281 -0
  75. package/build/esm/packages/aurora/src/stories/select_stories/select.stories.d.ts +281 -0
  76. package/build/esm/packages/aurora/src/stories/spacing/spacing.stories.d.ts +89 -0
  77. package/build/esm/packages/aurora/src/stories/table/table.stories.d.ts +91 -0
  78. package/build/esm/packages/aurora/src/stories/tabs/tabs.stories.d.ts +71 -0
  79. package/build/esm/packages/aurora/src/stories/tag/tag.stories.d.ts +51 -0
  80. package/build/esm/packages/aurora/src/stories/tags_selector/tags_selector.stories.d.ts +108 -0
  81. package/build/esm/packages/aurora/src/stories/tooltip/tooltip.stories.d.ts +89 -0
  82. package/build/esm/packages/aurora/src/stories/with_loader/with_loader.stories.d.ts +51 -0
  83. package/build/esm/packages/aurora/src/tests/unit/components/controls/color_picker/colorpicker.test.d.ts +1 -0
  84. package/build/esm/packages/aurora/src/tests/unit/components/controls/input/control_input.test.d.ts +1 -0
  85. package/build/esm/packages/aurora/src/tests/unit/components/controls/radio/control_radio.test.d.ts +1 -0
  86. package/build/esm/packages/aurora/src/tests/unit/components/datepicker/datepicker.test.d.ts +20 -0
  87. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/dropdown.test.d.ts +1 -0
  88. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/mockData.d.ts +2 -0
  89. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/multiselect/multiselect.test.d.ts +1 -0
  90. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/select/select.test.d.ts +1 -0
  91. package/build/esm/packages/aurora/src/tests/unit/components/modal/modal.test.d.ts +1 -0
  92. package/build/esm/packages/aurora/src/tests/unit/components/rangepicker/rangepicker.test.d.ts +1 -0
  93. package/build/esm/packages/aurora/src/tests/unit/components/with_loader/with_loader.test.d.ts +1 -0
  94. package/build/esm/packages/aurora/src/tests/visual/storybooks.test.d.ts +1 -0
  95. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n display: none;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 9000;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_visible__3yPXX {\n display: block;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
4
- var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_visible":"main-module_modal-window-mask_visible__3yPXX","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
4
+ var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__2-uBX {\n position: relative;\n}\n.main-module_tooltip__2-uBX:hover .main-module_tooltip__container__1T35Q {\n display: block;\n}\n.main-module_tooltip_left__27ULt .main-module_tooltip__container__1T35Q {\n left: 1rem;\n right: auto;\n}\n.main-module_tooltip_top__3xSwK .main-module_tooltip__container__1T35Q {\n top: auto;\n bottom: 150%;\n}\n.main-module_tooltip__container__1T35Q {\n position: absolute;\n display: none;\n right: 1rem;\n top: 125%;\n z-index: 4;\n white-space: nowrap;\n padding: 0.5rem;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n";
4
+ var cssClasses = {"tooltip":"main-module_tooltip__2-uBX","tooltip__container":"main-module_tooltip__container__1T35Q","tooltip_left":"main-module_tooltip_left__27ULt","tooltip_top":"main-module_tooltip_top__3xSwK"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssClasses;
8
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,10 @@
1
+ import React, { RefObject } from 'react';
2
+ export declare const useFixedChildPosition: ({ useFixed, childRef, vPosition, hPosition }: {
3
+ useFixed?: boolean | undefined;
4
+ vPosition?: "top" | "bottom" | undefined;
5
+ hPosition?: "left" | "right" | "center" | undefined;
6
+ childRef?: React.RefObject<HTMLDivElement> | undefined;
7
+ }) => {
8
+ style: React.CSSProperties;
9
+ onMouseEnter: (event: React.MouseEvent) => void;
10
+ };
@@ -0,0 +1,37 @@
1
+ import { useState } from 'react';
2
+
3
+ var useFixedChildPosition = function (_a) {
4
+ var useFixed = _a.useFixed, childRef = _a.childRef, vPosition = _a.vPosition, hPosition = _a.hPosition;
5
+ var _b = useState({ top: 0, left: 0 }), position = _b[0], setPosition = _b[1];
6
+ if (!useFixed) {
7
+ return {
8
+ style: {},
9
+ onMouseEnter: function () { }
10
+ };
11
+ }
12
+ var onMouseEnter = function (event) {
13
+ var _a;
14
+ var $hoveredElement = event.target;
15
+ var parentBoundingRect = $hoveredElement.getBoundingClientRect();
16
+ var childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
17
+ var top = vPosition === 'top'
18
+ ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
19
+ : parentBoundingRect.top + parentBoundingRect.height;
20
+ var left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
21
+ setPosition({ top: top, left: left });
22
+ };
23
+ var style = {
24
+ position: 'fixed',
25
+ top: position.top,
26
+ left: position.left,
27
+ bottom: 'unset',
28
+ right: 'unset'
29
+ };
30
+ return {
31
+ style: style,
32
+ onMouseEnter: onMouseEnter
33
+ };
34
+ };
35
+
36
+ export { useFixedChildPosition };
37
+ //# sourceMappingURL=use_fixed_child_position.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -40,6 +40,7 @@ import TagsSelector from "./components/tags_selector";
40
40
  import Hint from "./components/hint";
41
41
  import Loader from "./components/loader";
42
42
  import WithLoader from "./components/with_loader";
43
+ import Tooltip from "./components/tooltip";
43
44
  /**
44
45
  * Assets
45
46
  */
@@ -69,10 +70,14 @@ import { TMessageBoxType } from "./components/message-box/types";
69
70
  import { useFlashMessenger } from "./components/flash_messenger/context";
70
71
  import { ILoaderProps } from "./components/loader/types";
71
72
  import { IWithLoader } from "./components/with_loader/types";
73
+ /**
74
+ * export hooks
75
+ */
76
+ import { useDropdownContext } from "./components/dropdown/context";
72
77
  /**
73
78
  * export components
74
79
  */
75
- export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader };
80
+ export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
76
81
  /**
77
82
  * export types
78
83
  */
@@ -2,7 +2,7 @@ import 'react';
2
2
  import './i18n.js';
3
3
  export { default as Button } from './components/button/index.js';
4
4
  export { default as ButtonsGroup } from './components/buttons_group/index.js';
5
- export { DropdownContext } from './components/dropdown/context/index.js';
5
+ export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
6
6
  export { default as ColorPicker } from './components/color_picker/index.js';
7
7
  export { default as Label } from './components/label/index.js';
8
8
  export { default as IconTick } from './assets/icon_tick.js';
@@ -45,6 +45,7 @@ export { TabItem } from './components/tabs/components/tab_item.js';
45
45
  import './components/loader/constants.js';
46
46
  export { default as Loader } from './components/loader/index.js';
47
47
  export { default as WithLoader } from './components/with_loader/index.js';
48
+ export { default as Tooltip } from './components/tooltip/index.js';
48
49
  export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
49
50
  export { default as MessageBox } from './components/message-box/index.js';
50
51
  export { useFlashMessenger } from './components/flash_messenger/context.js';
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { IAbsoluteModalProps, IModalProps } from '@auroraComponents/modal/types';
3
+ declare const AbsoluteModal: FC<IAbsoluteModalProps & IModalProps>;
4
+ export default AbsoluteModal;
@@ -0,0 +1,84 @@
1
+ import './i18n';
2
+ /**
3
+ * import components for export
4
+ */
5
+ import Button from '@auroraComponents/button';
6
+ import ButtonsGroup from '@auroraComponents/buttons_group';
7
+ import ColorPicker from '@auroraComponents/color_picker';
8
+ import ControlInput from '@auroraComponents/controls/hoc/control_input';
9
+ import ControlCheckbox from '@auroraComponents/controls/hoc/control_checkbox';
10
+ import ControlCheckboxSwitch from '@auroraComponents/controls/hoc/control_checkbox_switch';
11
+ import ControlRadio from '@auroraComponents/controls/hoc/control_radio';
12
+ import ControlRange from '@auroraComponents/controls/hoc/control_range';
13
+ import ControlDatepicker from '@auroraComponents/controls/hoc/control_date_picker';
14
+ import ControlColorPicker from '@auroraComponents/controls/hoc/control_color_picker';
15
+ import ControlTagsSelector from '@auroraComponents/controls/hoc/control_tags_selector';
16
+ import ControlTextarea from '@auroraComponents/controls/hoc/control_textarea';
17
+ import ControlSelect from '@auroraComponents/controls/hoc/control_select';
18
+ import ControlMultiSelect from '@auroraComponents/controls/hoc/control_multi_select';
19
+ import ControlFilePicker from '@auroraComponents/controls/hoc/control_file_picker';
20
+ import ControlCellSelector from '@auroraComponents/controls/hoc/control_cell_selector';
21
+ import Datepicker from '@auroraComponents/date_picker';
22
+ import Dropdown from '@auroraComponents/dropdown';
23
+ import Gallery from '@auroraComponents/gallery';
24
+ import Grid from '@auroraComponents/grid';
25
+ import Heading from '@auroraComponents/heading';
26
+ import Label from '@auroraComponents/label';
27
+ import FilePicker from '@auroraComponents/file_picker';
28
+ import ModalProvider from '@auroraComponents/modal/hoc/modal_provider';
29
+ import AbsoluteModal from '@auroraComponents/modal/hoc/absolute_modal';
30
+ import RelativeModal from '@auroraComponents/modal/hoc/relative_modal';
31
+ import MultiSelect from '@auroraComponents/dropdown/hoc/multiselect';
32
+ import Modal from '@auroraComponents/modal';
33
+ import Select from '@auroraComponents/dropdown/hoc/select';
34
+ import Spacing from '@auroraComponents/spacing';
35
+ import Table from '@auroraComponents/table';
36
+ import DataTable from '@auroraComponents/table/hoc/data-table';
37
+ import { TabItem, Tabs } from '@auroraComponents/tabs';
38
+ import Tag from '@auroraComponents/tag';
39
+ import TagsSelector from '@auroraComponents/tags_selector';
40
+ import Hint from '@auroraComponents/hint';
41
+ import Loader from '@auroraComponents/loader';
42
+ import WithLoader from '@auroraComponents/with_loader';
43
+ import Tooltip from '@auroraComponents/tooltip';
44
+ /**
45
+ * Assets
46
+ */
47
+ import IconCalendar from '@auroraAssets/icon_calendar';
48
+ import IconArrow from '@auroraAssets/icon_arrow';
49
+ import IconTick from '@auroraAssets/icon_tick';
50
+ /**
51
+ * import context for export
52
+ */
53
+ import { DropdownContext } from '@auroraComponents/dropdown/context';
54
+ import { ModalContext } from '@auroraComponents/modal/context/modal_context';
55
+ /**
56
+ * import types for export
57
+ */
58
+ import { IDropdownProps, ISelectOption } from '@auroraComponents/dropdown/types';
59
+ import { IHeadingProps } from '@auroraComponents/heading/types';
60
+ import { ICellProps, IIRowProps, ITableProps } from '@auroraComponents/table/types';
61
+ import { IDropdownContext } from '@auroraComponents/dropdown/context/types';
62
+ import ControlRadioGroup from '@auroraComponents/controls/hoc/control_radio_group';
63
+ import { IControlRadioGroupOption } from '@auroraComponents/controls/types';
64
+ import { IColor } from '@auroraComponents/color_picker/types';
65
+ import { IDatepickerRange } from '@auroraComponents/date_picker/types';
66
+ import { TFilePickerFile } from '@auroraComponents/file_picker/types';
67
+ import MessageBox from '@auroraComponents/message-box';
68
+ import FlashMessenger from '@auroraComponents/flash_messenger';
69
+ import { TMessageBoxType } from '@auroraComponents/message-box/types';
70
+ import { useFlashMessenger } from '@auroraComponents/flash_messenger/context';
71
+ import { ILoaderProps } from '@auroraComponents/loader/types';
72
+ import { IWithLoader } from '@auroraComponents/with_loader/types';
73
+ /**
74
+ * export hooks
75
+ */
76
+ import { useDropdownContext } from '@auroraComponents/dropdown/context';
77
+ /**
78
+ * export components
79
+ */
80
+ export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
81
+ /**
82
+ * export types
83
+ */
84
+ export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader };
@@ -0,0 +1,146 @@
1
+ import React from 'react';
2
+ declare const _default: {
3
+ parameters: {
4
+ storySource: {
5
+ source: string;
6
+ locationsMap: {
7
+ "standard-button": {
8
+ startLoc: {
9
+ col: number;
10
+ line: number;
11
+ };
12
+ endLoc: {
13
+ col: number;
14
+ line: number;
15
+ };
16
+ startBody: {
17
+ col: number;
18
+ line: number;
19
+ };
20
+ endBody: {
21
+ col: number;
22
+ line: number;
23
+ };
24
+ };
25
+ "small-button": {
26
+ startLoc: {
27
+ col: number;
28
+ line: number;
29
+ };
30
+ endLoc: {
31
+ col: number;
32
+ line: number;
33
+ };
34
+ startBody: {
35
+ col: number;
36
+ line: number;
37
+ };
38
+ endBody: {
39
+ col: number;
40
+ line: number;
41
+ };
42
+ };
43
+ "outline-button": {
44
+ startLoc: {
45
+ col: number;
46
+ line: number;
47
+ };
48
+ endLoc: {
49
+ col: number;
50
+ line: number;
51
+ };
52
+ startBody: {
53
+ col: number;
54
+ line: number;
55
+ };
56
+ endBody: {
57
+ col: number;
58
+ line: number;
59
+ };
60
+ };
61
+ "button-link": {
62
+ startLoc: {
63
+ col: number;
64
+ line: number;
65
+ };
66
+ endLoc: {
67
+ col: number;
68
+ line: number;
69
+ };
70
+ startBody: {
71
+ col: number;
72
+ line: number;
73
+ };
74
+ endBody: {
75
+ col: number;
76
+ line: number;
77
+ };
78
+ };
79
+ "button-link-small": {
80
+ startLoc: {
81
+ col: number;
82
+ line: number;
83
+ };
84
+ endLoc: {
85
+ col: number;
86
+ line: number;
87
+ };
88
+ startBody: {
89
+ col: number;
90
+ line: number;
91
+ };
92
+ endBody: {
93
+ col: number;
94
+ line: number;
95
+ };
96
+ };
97
+ "link-button": {
98
+ startLoc: {
99
+ col: number;
100
+ line: number;
101
+ };
102
+ endLoc: {
103
+ col: number;
104
+ line: number;
105
+ };
106
+ startBody: {
107
+ col: number;
108
+ line: number;
109
+ };
110
+ endBody: {
111
+ col: number;
112
+ line: number;
113
+ };
114
+ };
115
+ "link-button-with-onclick-function": {
116
+ startLoc: {
117
+ col: number;
118
+ line: number;
119
+ };
120
+ endLoc: {
121
+ col: number;
122
+ line: number;
123
+ };
124
+ startBody: {
125
+ col: number;
126
+ line: number;
127
+ };
128
+ endBody: {
129
+ col: number;
130
+ line: number;
131
+ };
132
+ };
133
+ };
134
+ };
135
+ };
136
+ title: string;
137
+ component: React.FC<import("../../src/components/button/types").IButtonProps>;
138
+ };
139
+ export default _default;
140
+ export declare const StandardButton: () => JSX.Element;
141
+ export declare const SmallButton: () => JSX.Element;
142
+ export declare const OutlineButton: () => JSX.Element;
143
+ export declare const ButtonLink: () => JSX.Element;
144
+ export declare const ButtonLinkSmall: () => JSX.Element;
145
+ export declare const LinkButton: () => JSX.Element;
146
+ export declare const LinkButtonWithOnclickFunction: () => JSX.Element;
@@ -0,0 +1,90 @@
1
+ import React from 'react';
2
+ declare const _default: {
3
+ parameters: {
4
+ storySource: {
5
+ source: string;
6
+ locationsMap: {
7
+ "standard-cell-selector": {
8
+ startLoc: {
9
+ col: number;
10
+ line: number;
11
+ };
12
+ endLoc: {
13
+ col: number;
14
+ line: number;
15
+ };
16
+ startBody: {
17
+ col: number;
18
+ line: number;
19
+ };
20
+ endBody: {
21
+ col: number;
22
+ line: number;
23
+ };
24
+ };
25
+ "standard-control-cell-selector": {
26
+ startLoc: {
27
+ col: number;
28
+ line: number;
29
+ };
30
+ endLoc: {
31
+ col: number;
32
+ line: number;
33
+ };
34
+ startBody: {
35
+ col: number;
36
+ line: number;
37
+ };
38
+ endBody: {
39
+ col: number;
40
+ line: number;
41
+ };
42
+ };
43
+ "control-cell-selector-with-label": {
44
+ startLoc: {
45
+ col: number;
46
+ line: number;
47
+ };
48
+ endLoc: {
49
+ col: number;
50
+ line: number;
51
+ };
52
+ startBody: {
53
+ col: number;
54
+ line: number;
55
+ };
56
+ endBody: {
57
+ col: number;
58
+ line: number;
59
+ };
60
+ };
61
+ "control-cell-selector-with-knobs": {
62
+ startLoc: {
63
+ col: number;
64
+ line: number;
65
+ };
66
+ endLoc: {
67
+ col: number;
68
+ line: number;
69
+ };
70
+ startBody: {
71
+ col: number;
72
+ line: number;
73
+ };
74
+ endBody: {
75
+ col: number;
76
+ line: number;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ title: string;
83
+ component: React.FC<import("../../../src/components/controls/types").ICellSelector>;
84
+ decorators: ((...args: any) => any)[];
85
+ };
86
+ export default _default;
87
+ export declare const StandardCellSelector: () => JSX.Element;
88
+ export declare const StandardControlCellSelector: () => JSX.Element;
89
+ export declare const ControlCellSelectorWithLabel: () => JSX.Element;
90
+ export declare const ControlCellSelectorWithKnobs: () => JSX.Element;
@@ -0,0 +1,89 @@
1
+ import React from 'react';
2
+ declare const _default: {
3
+ parameters: {
4
+ storySource: {
5
+ source: string;
6
+ locationsMap: {
7
+ "standard-checkbox": {
8
+ startLoc: {
9
+ col: number;
10
+ line: number;
11
+ };
12
+ endLoc: {
13
+ col: number;
14
+ line: number;
15
+ };
16
+ startBody: {
17
+ col: number;
18
+ line: number;
19
+ };
20
+ endBody: {
21
+ col: number;
22
+ line: number;
23
+ };
24
+ };
25
+ "checked-checkbox": {
26
+ startLoc: {
27
+ col: number;
28
+ line: number;
29
+ };
30
+ endLoc: {
31
+ col: number;
32
+ line: number;
33
+ };
34
+ startBody: {
35
+ col: number;
36
+ line: number;
37
+ };
38
+ endBody: {
39
+ col: number;
40
+ line: number;
41
+ };
42
+ };
43
+ "unchecked-disabled-checkbox": {
44
+ startLoc: {
45
+ col: number;
46
+ line: number;
47
+ };
48
+ endLoc: {
49
+ col: number;
50
+ line: number;
51
+ };
52
+ startBody: {
53
+ col: number;
54
+ line: number;
55
+ };
56
+ endBody: {
57
+ col: number;
58
+ line: number;
59
+ };
60
+ };
61
+ "checked-disabled-checkbox": {
62
+ startLoc: {
63
+ col: number;
64
+ line: number;
65
+ };
66
+ endLoc: {
67
+ col: number;
68
+ line: number;
69
+ };
70
+ startBody: {
71
+ col: number;
72
+ line: number;
73
+ };
74
+ endBody: {
75
+ col: number;
76
+ line: number;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ title: string;
83
+ component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
84
+ };
85
+ export default _default;
86
+ export declare const StandardCheckbox: () => JSX.Element;
87
+ export declare const CheckedCheckbox: () => JSX.Element;
88
+ export declare const UncheckedDisabledCheckbox: () => JSX.Element;
89
+ export declare const CheckedDisabledCheckbox: () => JSX.Element;
@@ -0,0 +1,89 @@
1
+ import React from 'react';
2
+ declare const _default: {
3
+ parameters: {
4
+ storySource: {
5
+ source: string;
6
+ locationsMap: {
7
+ "standard-checkbox-switch": {
8
+ startLoc: {
9
+ col: number;
10
+ line: number;
11
+ };
12
+ endLoc: {
13
+ col: number;
14
+ line: number;
15
+ };
16
+ startBody: {
17
+ col: number;
18
+ line: number;
19
+ };
20
+ endBody: {
21
+ col: number;
22
+ line: number;
23
+ };
24
+ };
25
+ "checked-checkbox-switch": {
26
+ startLoc: {
27
+ col: number;
28
+ line: number;
29
+ };
30
+ endLoc: {
31
+ col: number;
32
+ line: number;
33
+ };
34
+ startBody: {
35
+ col: number;
36
+ line: number;
37
+ };
38
+ endBody: {
39
+ col: number;
40
+ line: number;
41
+ };
42
+ };
43
+ "unchecked-disabled-checkbox-switch": {
44
+ startLoc: {
45
+ col: number;
46
+ line: number;
47
+ };
48
+ endLoc: {
49
+ col: number;
50
+ line: number;
51
+ };
52
+ startBody: {
53
+ col: number;
54
+ line: number;
55
+ };
56
+ endBody: {
57
+ col: number;
58
+ line: number;
59
+ };
60
+ };
61
+ "checked-disabled-checkbox-switch": {
62
+ startLoc: {
63
+ col: number;
64
+ line: number;
65
+ };
66
+ endLoc: {
67
+ col: number;
68
+ line: number;
69
+ };
70
+ startBody: {
71
+ col: number;
72
+ line: number;
73
+ };
74
+ endBody: {
75
+ col: number;
76
+ line: number;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ title: string;
83
+ component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
84
+ };
85
+ export default _default;
86
+ export declare const StandardCheckboxSwitch: () => JSX.Element;
87
+ export declare const CheckedCheckboxSwitch: () => JSX.Element;
88
+ export declare const UncheckedDisabledCheckboxSwitch: () => JSX.Element;
89
+ export declare const CheckedDisabledCheckboxSwitch: () => JSX.Element;