@retailcrm/embed-ui-v1-components 0.9.19 → 0.9.22-alpha.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 (123) hide show
  1. package/AGENTS.md +9 -1
  2. package/README.md +5 -2
  3. package/assets/sprites/actions/add-square-outlined.svg +8 -0
  4. package/assets/sprites/actions/drag.svg +8 -0
  5. package/bin/embed-ui-v1-components.mjs +231 -46
  6. package/bin/postinstall.mjs +3 -2
  7. package/dist/host.cjs +1223 -501
  8. package/dist/host.css +637 -10
  9. package/dist/host.d.ts +152 -78
  10. package/dist/host.js +1224 -502
  11. package/dist/remote.cjs +1358 -298
  12. package/dist/remote.d.ts +805 -67
  13. package/dist/remote.js +1360 -300
  14. package/docs/AI.md +99 -17
  15. package/docs/COMPONENTS.md +58 -59
  16. package/docs/FORMAT.md +10 -10
  17. package/docs/PROFILES.md +39 -22
  18. package/docs/README.md +11 -5
  19. package/docs/profiles/components/UiAddButton.yml +134 -0
  20. package/docs/profiles/components/UiAlert.yml +105 -0
  21. package/docs/profiles/components/UiAvatar.yml +88 -0
  22. package/docs/profiles/{UiAvatarList.yml → components/UiAvatarList.yml} +26 -0
  23. package/docs/profiles/{UiButton.yml → components/UiButton.yml} +14 -8
  24. package/docs/profiles/components/UiCalendar.yml +190 -0
  25. package/docs/profiles/components/UiCheckbox.yml +111 -0
  26. package/docs/profiles/components/UiCollapse.yml +129 -0
  27. package/docs/profiles/components/UiCollapseBox.yml +143 -0
  28. package/docs/profiles/{UiCollapseGroup.yml → components/UiCollapseGroup.yml} +24 -0
  29. package/docs/profiles/components/UiCopyButton.yml +104 -0
  30. package/docs/profiles/components/UiDate.yml +84 -0
  31. package/docs/profiles/components/UiDatePicker.yml +138 -0
  32. package/docs/profiles/components/UiError.yml +123 -0
  33. package/docs/profiles/{UiField.yml → components/UiField.yml} +46 -15
  34. package/docs/profiles/components/UiInfobox.yml +130 -0
  35. package/docs/profiles/components/UiLink.yml +111 -0
  36. package/docs/profiles/components/UiLoader.yml +71 -0
  37. package/docs/profiles/components/UiMenuItem.yml +93 -0
  38. package/docs/profiles/{UiMenuItemGroup.yml → components/UiMenuItemGroup.yml} +25 -0
  39. package/docs/profiles/components/UiModalSidebar.yml +156 -0
  40. package/docs/profiles/components/UiModalWindow.yml +181 -0
  41. package/docs/profiles/{UiModalWindowSurface.yml → components/UiModalWindowSurface.yml} +30 -0
  42. package/docs/profiles/components/UiNumberStepper.yml +100 -0
  43. package/docs/profiles/{UiPageHeader.yml → components/UiPageHeader.yml} +39 -23
  44. package/docs/profiles/components/UiPopconfirm.yml +164 -0
  45. package/docs/profiles/{UiPopper.yml → components/UiPopper.yml} +66 -13
  46. package/docs/profiles/{UiPopperConnector.yml → components/UiPopperConnector.yml} +5 -25
  47. package/docs/profiles/{UiPopperTarget.yml → components/UiPopperTarget.yml} +5 -25
  48. package/docs/profiles/components/UiRadio.yml +91 -0
  49. package/docs/profiles/{UiRadioSwitch.yml → components/UiRadioSwitch.yml} +55 -32
  50. package/docs/profiles/{UiRadioSwitchOption.yml → components/UiRadioSwitchOption.yml} +7 -13
  51. package/docs/profiles/components/UiScrollBox.yml +108 -0
  52. package/docs/profiles/{UiSelect.yml → components/UiSelect.yml} +133 -44
  53. package/docs/profiles/components/UiSelectOption.yml +74 -0
  54. package/docs/profiles/components/UiSelectOptionGroup.yml +66 -0
  55. package/docs/profiles/components/UiSkeleton.yml +82 -0
  56. package/docs/profiles/components/UiSlider.yml +161 -0
  57. package/docs/profiles/components/UiSwitch.yml +123 -0
  58. package/docs/profiles/components/UiTab.yml +234 -0
  59. package/docs/profiles/{UiTabGroup.yml → components/UiTabGroup.yml} +0 -30
  60. package/docs/profiles/components/UiTable.yml +622 -0
  61. package/docs/profiles/{UiTableBodyCell.yml → components/UiTableBodyCell.yml} +26 -0
  62. package/docs/profiles/components/UiTableColumn.yml +87 -0
  63. package/docs/profiles/components/UiTableFooterButton.yml +85 -0
  64. package/docs/profiles/components/UiTableFooterSection.yml +73 -0
  65. package/docs/profiles/{UiTableHeadCell.yml → components/UiTableHeadCell.yml} +26 -0
  66. package/docs/profiles/{UiTableSorter.yml → components/UiTableSorter.yml} +27 -0
  67. package/docs/profiles/components/UiTag.yml +90 -0
  68. package/docs/profiles/{UiTextbox.yml → components/UiTextbox.yml} +20 -32
  69. package/docs/profiles/components/UiTimePicker.yml +144 -0
  70. package/docs/profiles/{UiToggleButton.yml → components/UiToggleButton.yml} +16 -11
  71. package/docs/profiles/{UiToggleGroup.yml → components/UiToggleGroup.yml} +25 -13
  72. package/docs/profiles/{UiToggleGroupOption.yml → components/UiToggleGroupOption.yml} +7 -11
  73. package/docs/profiles/components/UiToolbarButton.yml +87 -0
  74. package/docs/profiles/components/UiToolbarLink.yml +80 -0
  75. package/docs/profiles/components/UiTooltip.yml +97 -0
  76. package/docs/profiles/components/UiTransition.yml +62 -0
  77. package/docs/profiles/components/UiYandexMap.yml +104 -0
  78. package/docs/profiles/pages/CardSettingsPage.yml +58 -0
  79. package/docs/profiles/pages/CollapseBlockPage.yml +46 -0
  80. package/docs/profiles/pages/EntityListPage.yml +66 -0
  81. package/docs/profiles/pages/ModalSidebar.yml +158 -0
  82. package/docs/profiles/pages/ModalWindow.yml +55 -0
  83. package/docs/profiles/pages/MultiColumnPage.yml +27 -0
  84. package/docs/profiles/pages/PageComposition.yml +56 -0
  85. package/package.json +15 -15
  86. package/docs/profiles/UiAddButton.yml +0 -57
  87. package/docs/profiles/UiAlert.yml +0 -48
  88. package/docs/profiles/UiAvatar.yml +0 -48
  89. package/docs/profiles/UiCalendar.yml +0 -48
  90. package/docs/profiles/UiCheckbox.yml +0 -53
  91. package/docs/profiles/UiCollapse.yml +0 -40
  92. package/docs/profiles/UiCollapseBox.yml +0 -51
  93. package/docs/profiles/UiCopyButton.yml +0 -52
  94. package/docs/profiles/UiDate.yml +0 -38
  95. package/docs/profiles/UiDatePicker.yml +0 -59
  96. package/docs/profiles/UiError.yml +0 -32
  97. package/docs/profiles/UiImage.yml +0 -39
  98. package/docs/profiles/UiInfobox.yml +0 -45
  99. package/docs/profiles/UiLink.yml +0 -51
  100. package/docs/profiles/UiLoader.yml +0 -38
  101. package/docs/profiles/UiMenuItem.yml +0 -57
  102. package/docs/profiles/UiModalSidebar.yml +0 -46
  103. package/docs/profiles/UiModalWindow.yml +0 -44
  104. package/docs/profiles/UiNumberStepper.yml +0 -52
  105. package/docs/profiles/UiRadio.yml +0 -38
  106. package/docs/profiles/UiScrollBox.yml +0 -31
  107. package/docs/profiles/UiSelectOption.yml +0 -44
  108. package/docs/profiles/UiSelectOptionGroup.yml +0 -38
  109. package/docs/profiles/UiSkeleton.yml +0 -41
  110. package/docs/profiles/UiSlider.yml +0 -38
  111. package/docs/profiles/UiSwitch.yml +0 -37
  112. package/docs/profiles/UiTab.yml +0 -119
  113. package/docs/profiles/UiTable.yml +0 -152
  114. package/docs/profiles/UiTableColumn.yml +0 -50
  115. package/docs/profiles/UiTableFooterButton.yml +0 -44
  116. package/docs/profiles/UiTableFooterSection.yml +0 -38
  117. package/docs/profiles/UiTag.yml +0 -41
  118. package/docs/profiles/UiTimePicker.yml +0 -46
  119. package/docs/profiles/UiToolbarButton.yml +0 -37
  120. package/docs/profiles/UiToolbarLink.yml +0 -32
  121. package/docs/profiles/UiTooltip.yml +0 -43
  122. package/docs/profiles/UiTransition.yml +0 -27
  123. package/docs/profiles/UiYandexMap.yml +0 -29
@@ -1,37 +0,0 @@
1
- component: UiToolbarButton
2
- summary: >
3
- UiToolbarButton is a compact button for toolbar zones. It shares action semantics with buttons
4
- but is tuned for dense toolbar layouts.
5
-
6
- public_import:
7
- from: '@retailcrm/embed-ui-v1-components/remote'
8
- named:
9
- - UiToolbarButton
10
-
11
- use_when:
12
- - You need a compact button in a toolbar or action strip.
13
-
14
- avoid_when:
15
- - You need the full visual weight of UiButton.
16
-
17
- api:
18
- emits:
19
- - name: click
20
- - name: focus
21
- - name: blur
22
- methods:
23
- - name: click
24
- - name: focus
25
- - name: blur
26
-
27
- rendered_structure:
28
- descriptive_only: true
29
- root:
30
- shape: button.ui-v1-button or a.ui-v1-button via UiButton
31
- tag: button or a
32
- notes: The component delegates its actual root element and layout behavior to UiButton.
33
-
34
- geometry:
35
- layout: compact toolbar action
36
- root_display: inline-block
37
- width_behavior: content-sized by default
@@ -1,32 +0,0 @@
1
- component: UiToolbarLink
2
- summary: >
3
- UiToolbarLink is a compact toolbar-oriented link. It is the link counterpart to UiToolbarButton.
4
-
5
- public_import:
6
- from: '@retailcrm/embed-ui-v1-components/remote'
7
- named:
8
- - UiToolbarLink
9
-
10
- use_when:
11
- - You need a compact link in a toolbar area.
12
-
13
- avoid_when:
14
- - You need a regular inline content link.
15
-
16
- api:
17
- emits:
18
- - name: click
19
- - name: focus
20
- - name: blur
21
-
22
- rendered_structure:
23
- descriptive_only: true
24
- root:
25
- shape: a.ui-v1-link via UiLink
26
- tag: a
27
- notes: The component delegates its actual root element and layout behavior to UiLink.
28
-
29
- geometry:
30
- layout: compact toolbar link
31
- root_display: inline-flex
32
- width_behavior: content-sized by default
@@ -1,43 +0,0 @@
1
- component: UiTooltip
2
- summary: >
3
- UiTooltip is the tooltip-specialized floating layer built on top of popper mechanics.
4
- Use it for compact helper content anchored to one target.
5
-
6
- public_import:
7
- from: '@retailcrm/embed-ui-v1-components/remote'
8
- named:
9
- - UiTooltip
10
-
11
- related_components:
12
- - UiPopper
13
- - UiPopperConnector
14
- - UiPopperTarget
15
-
16
- use_when:
17
- - You need compact helper text or tooltip content.
18
-
19
- avoid_when:
20
- - You need a dropdown or rich popup layout.
21
-
22
- api:
23
- key_props:
24
- - name: visible
25
- - name: placement
26
- - name: targetTriggers
27
- - name: popperTriggers
28
-
29
- rendered_structure:
30
- descriptive_only: true
31
- root:
32
- shape: div.ui-v1-popper via UiPopper
33
- tag: div
34
- notes: The component delegates the actual floating root to UiPopper and renders its content inside the popper body.
35
-
36
- geometry:
37
- layout: floating tooltip layer outside normal document flow
38
- root_display: block
39
- width_behavior: content-sized by tooltip content
40
-
41
- ai_notes:
42
- do:
43
- - Use UiTooltip for tooltip semantics and UiPopper for lower-level floating behavior.
@@ -1,27 +0,0 @@
1
- component: UiTransition
2
- summary: >
3
- UiTransition is a transition wrapper for animated mount, unmount, and visibility flows.
4
- Use it to express motion without switching to raw transition markup.
5
-
6
- public_import:
7
- from: '@retailcrm/embed-ui-v1-components/remote'
8
- named:
9
- - UiTransition
10
-
11
- use_when:
12
- - You need transition behavior around content.
13
-
14
- avoid_when:
15
- - You need static content with no transition behavior.
16
-
17
- rendered_structure:
18
- descriptive_only: true
19
- root:
20
- shape: no persistent DOM root
21
- tag: none
22
- notes: The component is a thin wrapper around the native Vue transition and forwards its slot content.
23
-
24
- geometry:
25
- layout: no standalone layout of its own
26
- root_display: none
27
- width_behavior: defined entirely by the transitioned child
@@ -1,29 +0,0 @@
1
- component: UiYandexMap
2
- summary: >
3
- UiYandexMap is the Yandex map component for map display and related location scenarios.
4
- Treat it as unstable for now and avoid it unless the screen explicitly requires a map surface.
5
-
6
- public_import:
7
- from: '@retailcrm/embed-ui-v1-components/remote'
8
- named:
9
- - UiYandexMap
10
-
11
- use_when:
12
- - You need a Yandex map view.
13
- - You need location display inside extension UI.
14
-
15
- avoid_when:
16
- - You can solve the task without an embedded map and do not want to depend on an unstable component.
17
- - You only need text address output.
18
-
19
- rendered_structure:
20
- descriptive_only: true
21
- root:
22
- shape: div.ui-v1-yandex-map
23
- tag: div
24
- notes: The root is one map container that hosts the Yandex map instance.
25
-
26
- geometry:
27
- layout: block-like map container
28
- root_display: flex
29
- width_behavior: stretches to container width by default