@edifice.io/react 2.3.0-develop-pedago.20250909120707 → 2.3.0-develop-pedago.20250909145226

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.
@@ -9,5 +9,5 @@ interface FlexProps extends React.HTMLAttributes<HTMLElement> {
9
9
  wrap?: 'wrap' | 'nowrap' | 'reverse';
10
10
  className?: string;
11
11
  }
12
- declare const Flex: React.FC<FlexProps>;
12
+ declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
13
13
  export default Flex;
@@ -1,6 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
- const Flex = ({
3
+ import { forwardRef } from "react";
4
+ const Flex = /* @__PURE__ */ forwardRef(({
4
5
  as: Component = "div",
5
6
  direction,
6
7
  align,
@@ -11,10 +12,10 @@ const Flex = ({
11
12
  className,
12
13
  children,
13
14
  ...restProps
14
- }) => {
15
+ }, ref) => {
15
16
  const classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap}`, className);
16
- return /* @__PURE__ */ jsx(Component, { className: classes, ...restProps, children });
17
- };
17
+ return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
18
+ });
18
19
  export {
19
20
  Flex as default
20
21
  };
@@ -0,0 +1,17 @@
1
+ export type StepperColors = 'primary' | 'secondary';
2
+ export interface StepperProps {
3
+ /**
4
+ * Index of the currently active step in the Stepper.
5
+ */
6
+ currentStep: number;
7
+ /**
8
+ * Number of steps in the Stepper.
9
+ */
10
+ nbSteps: number;
11
+ /**
12
+ * Gap between steps in the Stepper.
13
+ */
14
+ gap?: '4' | '8' | '12' | '16' | '24' | '32';
15
+ }
16
+ declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
17
+ export default Stepper;
@@ -0,0 +1,14 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import Flex from "../Flex/Flex.js";
4
+ const Stepper = /* @__PURE__ */ forwardRef(({
5
+ currentStep,
6
+ nbSteps,
7
+ gap = "8",
8
+ ...props
9
+ }, ref) => /* @__PURE__ */ jsx(Flex, { gap, ref, ...props, children: Array.from({
10
+ length: nbSteps
11
+ }).map((_, index) => /* @__PURE__ */ jsx("div", { className: `rounded step ${index === currentStep ? "bg-secondary step-active" : "bg-secondary-300"}` }, `step-${index}`)) }));
12
+ export {
13
+ Stepper as default
14
+ };
@@ -0,0 +1 @@
1
+ export { default as Stepper } from './Stepper';
@@ -36,6 +36,7 @@ export * from './SearchBar';
36
36
  export * from './Select';
37
37
  export * from './Skeleton';
38
38
  export * from './StackedGroup';
39
+ export * from './Stepper';
39
40
  export * from './Switch';
40
41
  export * from './Table';
41
42
  export * from './Tabs';
package/dist/index.js CHANGED
@@ -36,68 +36,69 @@ import { default as default36 } from "./components/Select/Select.js";
36
36
  import { default as default37 } from "./components/Skeleton/ButtonSkeleton.js";
37
37
  import { default as default38 } from "./components/Skeleton/TextSkeleton.js";
38
38
  import { default as default39 } from "./components/StackedGroup/StackedGroup.js";
39
- import { default as default40 } from "./components/Switch/Switch.js";
40
- import { default as default41 } from "./components/Table/components/Table.js";
41
- import { default as default42 } from "./components/TextArea/TextArea.js";
42
- import { default as default43 } from "./components/Tooltip/Tooltip.js";
39
+ import { default as default40 } from "./components/Stepper/Stepper.js";
40
+ import { default as default41 } from "./components/Switch/Switch.js";
41
+ import { default as default42 } from "./components/Table/components/Table.js";
42
+ import { default as default43 } from "./components/TextArea/TextArea.js";
43
+ import { default as default44 } from "./components/Tooltip/Tooltip.js";
43
44
  import { DndTree } from "./components/Tree/components/DndTree.js";
44
- import { default as default44 } from "./components/Tree/components/SortableTree.js";
45
- import { default as default45 } from "./components/Tree/components/Tree.js";
46
- import { default as default46 } from "./components/TreeView/TreeView.js";
47
- import { default as default47 } from "./components/VisuallyHidden/VisuallyHidden.js";
48
- import { default as default48 } from "./hooks/useBookmark/useBookmark.js";
49
- import { default as default49 } from "./hooks/useBreakpoint/useBreakpoint.js";
50
- import { default as default50 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
51
- import { default as default51 } from "./hooks/useCantoo/useCantoo.js";
52
- import { default as default52 } from "./hooks/useClickOutside/useClickOutside.js";
53
- import { default as default53 } from "./hooks/useConversation/useConversation.js";
54
- import { default as default54 } from "./hooks/useDate/useDate.js";
55
- import { default as default55 } from "./hooks/useDebounce/useDebounce.js";
56
- import { default as default56 } from "./hooks/useDirectory/useDirectory.js";
57
- import { default as default57 } from "./hooks/useDropdown/useDropdown.js";
58
- import { default as default58 } from "./hooks/useDropzone/useDropzone.js";
59
- import { default as default59 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
60
- import { default as default60 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
61
- import { default as default61 } from "./hooks/useHover/useHover.js";
62
- import { default as default62 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
63
- import { default as default63 } from "./hooks/useImage/useImage.js";
64
- import { default as default64 } from "./hooks/useIsAdml/useIsAdml.js";
65
- import { default as default65 } from "./hooks/useKeyPress/useKeyPress.js";
66
- import { default as default66 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
67
- import { default as default67 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
68
- import { default as default68 } from "./hooks/useScrollToTop/useScrollToTop.js";
69
- import { default as default69 } from "./hooks/useTitle/useTitle.js";
70
- import { default as default70 } from "./hooks/useToast/useToast.js";
71
- import { default as default71 } from "./hooks/useToggle/useToggle.js";
72
- import { default as default72 } from "./hooks/useTrapFocus/useTrapFocus.js";
73
- import { default as default73 } from "./hooks/useTrashedResource/useTrashedResource.js";
74
- import { default as default74 } from "./hooks/useUpload/useUpload.js";
75
- import { default as default75 } from "./hooks/useUploadFiles/useUploadFiles.js";
76
- import { default as default76 } from "./hooks/useUser/useUser.js";
77
- import { default as default77 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
78
- import { default as default78 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
79
- import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default79 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
80
- import { default as default80 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
81
- import { default as default81 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
82
- import { default as default82 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
83
- import { default as default83 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
84
- import { default as default84 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
85
- import { default as default85 } from "./modules/modals/PublishModal/PublishModal.js";
86
- import { default as default86 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
87
- import { default as default87 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
88
- import { default as default88 } from "./modules/modals/ShareModal/ShareModal.js";
89
- import { default as default89 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
90
- import { default as default90 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
91
- import { default as default91 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
92
- import { default as default92 } from "./modules/multimedia/Embed/Embed.js";
93
- import { default as default93 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
94
- import { default as default94 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
95
- import { default as default95 } from "./modules/multimedia/FileCard/FileCard.js";
96
- import { default as default96 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
97
- import { default as default97 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
98
- import { default as default98 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
99
- import { default as default99 } from "./modules/multimedia/Workspace/Workspace.js";
100
- import { default as default100 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
45
+ import { default as default45 } from "./components/Tree/components/SortableTree.js";
46
+ import { default as default46 } from "./components/Tree/components/Tree.js";
47
+ import { default as default47 } from "./components/TreeView/TreeView.js";
48
+ import { default as default48 } from "./components/VisuallyHidden/VisuallyHidden.js";
49
+ import { default as default49 } from "./hooks/useBookmark/useBookmark.js";
50
+ import { default as default50 } from "./hooks/useBreakpoint/useBreakpoint.js";
51
+ import { default as default51 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
52
+ import { default as default52 } from "./hooks/useCantoo/useCantoo.js";
53
+ import { default as default53 } from "./hooks/useClickOutside/useClickOutside.js";
54
+ import { default as default54 } from "./hooks/useConversation/useConversation.js";
55
+ import { default as default55 } from "./hooks/useDate/useDate.js";
56
+ import { default as default56 } from "./hooks/useDebounce/useDebounce.js";
57
+ import { default as default57 } from "./hooks/useDirectory/useDirectory.js";
58
+ import { default as default58 } from "./hooks/useDropdown/useDropdown.js";
59
+ import { default as default59 } from "./hooks/useDropzone/useDropzone.js";
60
+ import { default as default60 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
61
+ import { default as default61 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
62
+ import { default as default62 } from "./hooks/useHover/useHover.js";
63
+ import { default as default63 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
64
+ import { default as default64 } from "./hooks/useImage/useImage.js";
65
+ import { default as default65 } from "./hooks/useIsAdml/useIsAdml.js";
66
+ import { default as default66 } from "./hooks/useKeyPress/useKeyPress.js";
67
+ import { default as default67 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
68
+ import { default as default68 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
69
+ import { default as default69 } from "./hooks/useScrollToTop/useScrollToTop.js";
70
+ import { default as default70 } from "./hooks/useTitle/useTitle.js";
71
+ import { default as default71 } from "./hooks/useToast/useToast.js";
72
+ import { default as default72 } from "./hooks/useToggle/useToggle.js";
73
+ import { default as default73 } from "./hooks/useTrapFocus/useTrapFocus.js";
74
+ import { default as default74 } from "./hooks/useTrashedResource/useTrashedResource.js";
75
+ import { default as default75 } from "./hooks/useUpload/useUpload.js";
76
+ import { default as default76 } from "./hooks/useUploadFiles/useUploadFiles.js";
77
+ import { default as default77 } from "./hooks/useUser/useUser.js";
78
+ import { default as default78 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
79
+ import { default as default79 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
80
+ import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default80 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
81
+ import { default as default81 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
82
+ import { default as default82 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
83
+ import { default as default83 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
84
+ import { default as default84 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
85
+ import { default as default85 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
86
+ import { default as default86 } from "./modules/modals/PublishModal/PublishModal.js";
87
+ import { default as default87 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
88
+ import { default as default88 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
89
+ import { default as default89 } from "./modules/modals/ShareModal/ShareModal.js";
90
+ import { default as default90 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
91
+ import { default as default91 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
92
+ import { default as default92 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
93
+ import { default as default93 } from "./modules/multimedia/Embed/Embed.js";
94
+ import { default as default94 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
95
+ import { default as default95 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
96
+ import { default as default96 } from "./modules/multimedia/FileCard/FileCard.js";
97
+ import { default as default97 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
98
+ import { default as default98 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
99
+ import { default as default99 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
100
+ import { default as default100 } from "./modules/multimedia/Workspace/Workspace.js";
101
+ import { default as default101 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
101
102
  import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
102
103
  import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
103
104
  import { Column, Grid } from "./components/Grid/Grid.js";
@@ -133,11 +134,11 @@ export {
133
134
  default4 as AppHeader,
134
135
  default5 as AppIcon,
135
136
  default6 as Attachment,
136
- default91 as AudioRecorder,
137
+ default92 as AudioRecorder,
137
138
  default7 as Avatar,
138
139
  default8 as AvatarGroup,
139
140
  default9 as Badge,
140
- default86 as BlogPublic,
141
+ default87 as BlogPublic,
141
142
  default10 as Breadcrumb,
142
143
  default11 as Button,
143
144
  default37 as ButtonSkeleton,
@@ -147,7 +148,7 @@ export {
147
148
  default17 as ColorPickerItem,
148
149
  Column,
149
150
  default18 as Combobox,
150
- default83 as ConfirmModal,
151
+ default84 as ConfirmModal,
151
152
  DefaultPalette,
152
153
  DndTree,
153
154
  default19 as Dropdown,
@@ -157,10 +158,10 @@ export {
157
158
  EdificeClientProvider,
158
159
  EdificeThemeContext,
159
160
  EdificeThemeProvider,
160
- default92 as Embed,
161
+ default93 as Embed,
161
162
  default21 as EmptyScreen,
162
163
  ExternalLinker,
163
- default95 as FileCard,
164
+ default96 as FileCard,
164
165
  default22 as Flex,
165
166
  default24 as FormControl,
166
167
  default23 as FormText,
@@ -168,8 +169,8 @@ export {
168
169
  default25 as Heading,
169
170
  default12 as IconButton,
170
171
  default26 as Image,
171
- default93 as ImageEditor,
172
- default94 as ImagePicker,
172
+ default94 as ImageEditor,
173
+ default95 as ImagePicker,
173
174
  default27 as Input,
174
175
  InternalLinker,
175
176
  default28 as Label,
@@ -178,44 +179,45 @@ export {
178
179
  default29 as Loading,
179
180
  default30 as LoadingScreen,
180
181
  default31 as Logo,
181
- default96 as MediaLibrary,
182
+ default97 as MediaLibrary,
182
183
  Menu,
183
184
  MockedProvider,
184
185
  default32 as Modal,
185
- default84 as OnboardingModal,
186
+ default85 as OnboardingModal,
186
187
  Popover,
187
188
  PopoverBody,
188
189
  PopoverFooter,
189
190
  PopoverHeader,
190
191
  default33 as PreventPropagation,
191
- default85 as PublishModal,
192
+ default86 as PublishModal,
192
193
  default34 as Radio,
193
194
  ResourceModal,
194
195
  default35 as SearchBar,
195
196
  default13 as SearchButton,
196
197
  default36 as Select,
197
- default89 as ShareBlog,
198
- default88 as ShareModal,
199
- default44 as SortableTree,
198
+ default90 as ShareBlog,
199
+ default89 as ShareModal,
200
+ default45 as SortableTree,
200
201
  default39 as StackedGroup,
201
- default40 as Switch,
202
- default41 as Table,
202
+ default40 as Stepper,
203
+ default41 as Switch,
204
+ default42 as Table,
203
205
  Tabs,
204
- default42 as TextArea,
206
+ default43 as TextArea,
205
207
  default38 as TextSkeleton,
206
208
  Toolbar,
207
- default43 as Tooltip,
208
- default45 as Tree,
209
+ default44 as Tooltip,
210
+ default46 as Tree,
209
211
  TreeNode,
210
212
  TreeNodeFolderWrapper,
211
- default46 as TreeView,
212
- default97 as VideoEmbed,
213
- default98 as VideoRecorder,
214
- default47 as VisuallyHidden,
213
+ default47 as TreeView,
214
+ default98 as VideoEmbed,
215
+ default99 as VideoRecorder,
216
+ default48 as VisuallyHidden,
215
217
  WORKSPACE_SHARED_FOLDER_ID,
216
218
  WORKSPACE_USER_FOLDER_ID,
217
- default99 as Workspace,
218
- default100 as WorkspaceFolders,
219
+ default100 as Workspace,
220
+ default101 as WorkspaceFolders,
219
221
  addNode,
220
222
  arrayUnique,
221
223
  buildTree,
@@ -243,48 +245,48 @@ export {
243
245
  setRef,
244
246
  updateNode,
245
247
  updateParentIds,
246
- default48 as useBookmark,
247
- default49 as useBreakpoint,
248
- default50 as useBrowserInfo,
249
- default51 as useCantoo,
248
+ default49 as useBookmark,
249
+ default50 as useBreakpoint,
250
+ default51 as useBrowserInfo,
251
+ default52 as useCantoo,
250
252
  useCheckable,
251
- default52 as useClickOutside,
252
- default53 as useConversation,
253
- default54 as useDate,
254
- default55 as useDebounce,
255
- default56 as useDirectory,
256
- default57 as useDropdown,
257
- default58 as useDropzone,
253
+ default53 as useClickOutside,
254
+ default54 as useConversation,
255
+ default55 as useDate,
256
+ default56 as useDebounce,
257
+ default57 as useDirectory,
258
+ default58 as useDropdown,
259
+ default59 as useDropzone,
258
260
  useDropzoneContext,
259
261
  useEdificeClient,
260
- default59 as useEdificeIcons,
262
+ default60 as useEdificeIcons,
261
263
  useEdificeTheme,
262
- default60 as useHasWorkflow,
263
- default61 as useHover,
264
- default62 as useHttpErrorToast,
265
- default63 as useImage,
266
- default64 as useIsAdml,
267
- default65 as useKeyPress,
268
- default66 as useLibraryUrl,
269
- default67 as useMediaLibrary,
270
- default68 as useScrollToTop,
271
- default90 as useShareMutation,
272
- default69 as useTitle,
273
- default70 as useToast,
274
- default71 as useToggle,
275
- default72 as useTrapFocus,
276
- default73 as useTrashedResource,
264
+ default61 as useHasWorkflow,
265
+ default62 as useHover,
266
+ default63 as useHttpErrorToast,
267
+ default64 as useImage,
268
+ default65 as useIsAdml,
269
+ default66 as useKeyPress,
270
+ default67 as useLibraryUrl,
271
+ default68 as useMediaLibrary,
272
+ default69 as useScrollToTop,
273
+ default91 as useShareMutation,
274
+ default70 as useTitle,
275
+ default71 as useToast,
276
+ default72 as useToggle,
277
+ default73 as useTrapFocus,
278
+ default74 as useTrashedResource,
277
279
  useTreeSortable,
278
280
  useTreeView,
279
- default87 as useUpdateMutation,
280
- default74 as useUpload,
281
- default75 as useUploadFiles,
282
- default76 as useUser,
283
- default77 as useWorkspaceFile,
284
- default78 as useWorkspaceFolders,
285
- default79 as useWorkspaceFoldersTree,
286
- default80 as useWorkspaceSearch,
287
- default81 as useXitiTrackPageLoad,
288
- default82 as useZendeskGuide,
281
+ default88 as useUpdateMutation,
282
+ default75 as useUpload,
283
+ default76 as useUploadFiles,
284
+ default77 as useUser,
285
+ default78 as useWorkspaceFile,
286
+ default79 as useWorkspaceFolders,
287
+ default80 as useWorkspaceFoldersTree,
288
+ default81 as useWorkspaceSearch,
289
+ default82 as useXitiTrackPageLoad,
290
+ default83 as useZendeskGuide,
289
291
  wrapTreeNode
290
292
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edifice.io/react",
3
- "version": "2.3.0-develop-pedago.20250909120707",
3
+ "version": "2.3.0-develop-pedago.20250909145226",
4
4
  "description": "Edifice React Library",
5
5
  "keywords": [
6
6
  "react",
@@ -130,9 +130,9 @@
130
130
  "react-slugify": "^3.0.3",
131
131
  "swiper": "^10.1.0",
132
132
  "ua-parser-js": "^1.0.36",
133
- "@edifice.io/bootstrap": "2.3.0-develop-pedago.20250909120707",
134
- "@edifice.io/tiptap-extensions": "2.3.0-develop-pedago.20250909120707",
135
- "@edifice.io/utilities": "2.3.0-develop-pedago.20250909120707"
133
+ "@edifice.io/bootstrap": "2.3.0-develop-pedago.20250909145226",
134
+ "@edifice.io/tiptap-extensions": "2.3.0-develop-pedago.20250909145226",
135
+ "@edifice.io/utilities": "2.3.0-develop-pedago.20250909145226"
136
136
  },
137
137
  "devDependencies": {
138
138
  "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
163
163
  "vite": "^5.4.11",
164
164
  "vite-plugin-dts": "^4.1.0",
165
165
  "vite-tsconfig-paths": "^5.0.1",
166
- "@edifice.io/client": "2.3.0-develop-pedago.20250909120707",
167
- "@edifice.io/config": "2.3.0-develop-pedago.20250909120707"
166
+ "@edifice.io/client": "2.3.0-develop-pedago.20250909145226",
167
+ "@edifice.io/config": "2.3.0-develop-pedago.20250909145226"
168
168
  },
169
169
  "peerDependencies": {
170
170
  "@react-spring/web": "^9.7.5",