@onesy/ui-react 1.0.131 → 1.0.133
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.ts +2 -2
- package/AdvancedTextField/AdvancedTextField.d.ts +1 -1
- package/Append/Append.d.ts +3 -3
- package/AreaChart/AreaChart.d.ts +1 -1
- package/AreaChartItem/AreaChartItem.d.ts +1 -1
- package/AudioPlayer/AudioPlayer.d.ts +1 -1
- package/AudioRecorder/AudioRecorder.d.ts +1 -1
- package/AutoComplete/AutoComplete.d.ts +3 -3
- package/AutoComplete/AutoComplete.js +2 -2
- package/AutoCompleteCountry/AutoCompleteCountry.d.ts +1 -1
- package/AutoCompleteCurrency/AutoCompleteCurrency.d.ts +1 -1
- package/Avatar/Avatar.d.ts +1 -1
- package/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/Backdrop/Backdrop.d.ts +1 -1
- package/Badge/Badge.d.ts +1 -1
- package/Banner/Banner.d.ts +1 -1
- package/BottomAppBar/BottomAppBar.d.ts +1 -1
- package/BottomSheet/BottomSheet.d.ts +1 -1
- package/Box/Box.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/BubbleChart/BubbleChart.d.ts +1 -1
- package/BubbleChartItem/BubbleChartItem.d.ts +1 -1
- package/Button/Button.d.ts +1 -1
- package/Buttons/Buttons.d.ts +1 -1
- package/Buttons/Buttons.js +8 -53
- package/Calendar/Calendar.d.ts +3 -3
- package/Calendar/Calendar.js +6 -6
- package/CalendarAvailability/CalendarAvailability.d.ts +2 -2
- package/CalendarAvailability/CalendarAvailability.js +8 -8
- package/CalendarMenu/CalendarMenu.d.ts +1 -1
- package/CalendarMenu/CalendarMenu.js +5 -5
- package/CalendarMonth/CalendarMonth.d.ts +5 -5
- package/CalendarViews/CalendarViews.d.ts +2 -2
- package/CalendarWeek/CalendarWeek.d.ts +1 -1
- package/Card/Card.d.ts +1 -1
- package/CardButton/CardButton.d.ts +1 -1
- package/CardFooter/CardFooter.d.ts +1 -1
- package/CardHeader/CardHeader.d.ts +1 -1
- package/CardImage/CardImage.d.ts +1 -1
- package/CardMain/CardMain.d.ts +1 -1
- package/Carousel/Carousel.d.ts +4 -4
- package/Carousel/Carousel.js +8 -8
- package/Chart/Chart.d.ts +4 -4
- package/Checkbox/Checkbox.d.ts +1 -1
- package/Chip/Chip.d.ts +1 -1
- package/Chips/Chips.d.ts +1 -1
- package/ClickListener/ClickListener.d.ts +1 -1
- package/Clock/Clock.d.ts +5 -5
- package/ColorTextField/ColorTextField.d.ts +1 -1
- package/ColumnChart/ColumnChart.d.ts +1 -1
- package/ColumnChartItem/ColumnChartItem.d.ts +1 -1
- package/Confirm/Confirm.d.ts +4 -4
- package/Container/Container.d.ts +1 -1
- package/CookieBanner/CookieBanner.d.ts +1 -1
- package/Countdown/Countdown.d.ts +1 -1
- package/DatePicker/DatePicker.d.ts +1 -1
- package/DatePicker/DatePicker.js +6 -6
- package/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.js +6 -6
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
- package/Divider/Divider.d.ts +1 -1
- package/DonutChart/DonutChart.d.ts +1 -1
- package/DragAndDropList/DragAndDropList.d.ts +1 -1
- package/Drawing/Drawing.d.ts +2 -2
- package/Drawing/Drawing.js +12 -12
- package/DropZone/DropZone.d.ts +1 -1
- package/Emojis/Emojis.d.ts +3 -3
- package/Emojis/Emojis.js +2 -2
- package/Expand/Expand.d.ts +1 -1
- package/Fab/Fab.d.ts +1 -1
- package/Fade/Fade.d.ts +1 -1
- package/FileChoose/FileChoose.d.ts +2 -2
- package/Focus/Focus.d.ts +1 -1
- package/Form/Form.d.ts +1 -1
- package/FormRow/FormRow.d.ts +1 -1
- package/Forms/Forms.d.ts +1 -1
- package/Frame/Frame.d.ts +1 -1
- package/Grid/Grid.d.ts +2 -2
- package/Grow/Grow.d.ts +1 -1
- package/HTMLCanvas/HTMLCanvas.d.ts +2 -2
- package/HTMLCanvas/index.js +1 -2
- package/IFrame/IFrame.d.ts +1 -1
- package/Icon/Icon.d.ts +1 -1
- package/Icon/index.js +1 -2
- package/IconButton/IconButton.d.ts +1 -1
- package/Image/Image.d.ts +1 -1
- package/ImageCrop/ImageCrop.d.ts +2 -2
- package/ImageCrop/ImageCrop.js +17 -17
- package/ImageEdit/ImageEdit.d.ts +2 -2
- package/ImageEdit/ImageEdit.js +4 -4
- package/ImageGallery/ImageGallery.d.ts +1 -1
- package/ImageList/ImageList.d.ts +1 -1
- package/ImageListItem/ImageListItem.d.ts +1 -1
- package/ImageListItemBox/ImageListItemBox.d.ts +1 -1
- package/Info/Info.d.ts +1 -1
- package/Interaction/Interaction.d.ts +2 -2
- package/Keyframes/Keyframes.d.ts +3 -3
- package/Keyframes/index.js +1 -2
- package/Label/Label.d.ts +1 -1
- package/Labels/Labels.d.ts +1 -1
- package/Line/Line.d.ts +6 -6
- package/LineChart/LineChart.d.ts +1 -1
- package/LineChartItem/LineChartItem.d.ts +1 -1
- package/LinearMeter/LinearMeter.d.ts +1 -1
- package/LinearProgress/LinearProgress.d.ts +1 -1
- package/Link/Link.d.ts +1 -1
- package/Links/Links.d.ts +2 -2
- package/List/List.d.ts +1 -1
- package/ListItem/ListItem.d.ts +1 -1
- package/ListItem/ListItem.js +3 -3
- package/ListSubheader/ListSubheader.d.ts +1 -1
- package/MainProgress/MainProgress.d.ts +3 -3
- package/Markdown/Markdown.d.ts +1 -1
- package/Masonry/Masonry.d.ts +1 -1
- package/Medias/Medias.d.ts +3 -3
- package/Menu/Menu.d.ts +1 -1
- package/Menu/Menu.js +13 -13
- package/MenuDesktop/MenuDesktop.d.ts +3 -3
- package/MenuItem/MenuItem.d.ts +1 -1
- package/Meta/Meta.d.ts +1 -1
- package/Modal/Modal.d.ts +1 -1
- package/ModalFooter/ModalFooter.d.ts +1 -1
- package/ModalHeader/ModalHeader.d.ts +1 -1
- package/ModalIcon/ModalIcon.d.ts +1 -1
- package/ModalMain/ModalMain.d.ts +1 -1
- package/ModalText/ModalText.d.ts +1 -1
- package/ModalTitle/ModalTitle.d.ts +1 -1
- package/MoreOptions/MoreOptions.d.ts +1 -1
- package/Move/Move.d.ts +1 -1
- package/NavigationBar/NavigationBar.d.ts +2 -2
- package/NavigationDrawer/NavigationDrawer.d.ts +1 -1
- package/NavigationItem/NavigationItem.d.ts +2 -2
- package/NavigationRail/NavigationRail.d.ts +1 -1
- package/NotFound/NotFound.d.ts +1 -1
- package/NumericTextField/NumericTextField.d.ts +1 -1
- package/Page/Page.d.ts +2 -2
- package/PageTransition/PageTransition.d.ts +1 -1
- package/Pagination/Pagination.d.ts +1 -1
- package/PaginationItem/PaginationItem.d.ts +1 -1
- package/Parallax/Parallax.d.ts +2 -2
- package/Path/Path.d.ts +1 -1
- package/PieChart/PieChart.d.ts +1 -1
- package/Placeholder/Placeholder.d.ts +1 -1
- package/Portal/Portal.d.ts +1 -1
- package/Properties/Properties.d.ts +2 -2
- package/Property/Property.d.ts +1 -1
- package/Radio/Radio.d.ts +1 -1
- package/Radios/Radios.d.ts +1 -1
- package/Rating/Rating.d.ts +1 -1
- package/Reset/Reset.d.ts +1 -1
- package/Reveal/Reveal.d.ts +1 -1
- package/RichTextEditor/RichTextEditor.d.ts +1 -1
- package/RichTextEditor/RichTextEditor.js +20 -20
- package/RoundMeter/RoundMeter.d.ts +1 -1
- package/RoundProgress/RoundProgress.d.ts +1 -1
- package/ScatterChart/ScatterChart.d.ts +1 -1
- package/ScatterChartItem/ScatterChartItem.d.ts +1 -1
- package/ScreenCapture/ScreenCapture.d.ts +2 -2
- package/Section/Section.d.ts +2 -2
- package/SectionAction/SectionAction.d.ts +1 -1
- package/SectionBoxes/SectionBoxes.d.ts +2 -2
- package/SectionCards/SectionCards.d.ts +2 -2
- package/SectionCarousel/SectionCarousel.d.ts +2 -2
- package/SectionContact/SectionContact.d.ts +1 -1
- package/SectionImageGallery/SectionImageGallery.d.ts +1 -1
- package/SectionLogos/SectionLogos.d.ts +1 -1
- package/SectionMedia/SectionMedia.d.ts +1 -1
- package/SectionReviews/SectionReviews.d.ts +2 -2
- package/SectionTextMedia/SectionTextMedia.d.ts +1 -1
- package/SectionTimeline/SectionTimeline.d.ts +2 -2
- package/SectionWatch/SectionWatch.d.ts +1 -1
- package/Select/Select.d.ts +1 -1
- package/Select/Select.js +2 -2
- package/Share/Share.d.ts +1 -1
- package/Slide/Slide.d.ts +1 -1
- package/Slider/Slider.d.ts +2 -2
- package/SmartTextField/SmartTextField.d.ts +1 -1
- package/SmartTextField/SmartTextField.js +16 -16
- package/Snackbar/Snackbar.d.ts +1 -1
- package/Snackbars/Context.d.ts +1 -1
- package/Snackbars/Snackbars.d.ts +2 -2
- package/Space/Space.d.ts +1 -1
- package/Space/Space.js +26 -26
- package/Space/index.js +1 -2
- package/SpeechToText/SpeechToText.d.ts +1 -1
- package/SpeedDial/SpeedDial.d.ts +1 -1
- package/SpeedDialItem/SpeedDialItem.d.ts +1 -1
- package/SpyScroll/SpyScroll.d.ts +1 -1
- package/Step/Step.d.ts +1 -1
- package/Stepper/Stepper.d.ts +1 -1
- package/Surface/Surface.d.ts +1 -1
- package/Switch/Switch.d.ts +1 -1
- package/Tab/Tab.d.ts +1 -1
- package/Table/Table.d.ts +1 -1
- package/TableBody/TableBody.d.ts +1 -1
- package/TableCell/TableCell.d.ts +2 -2
- package/TableCell/TableCell.js +23 -4
- package/TableFooter/TableFooter.d.ts +1 -1
- package/TableHead/TableHead.d.ts +1 -1
- package/TableHeader/TableHeader.d.ts +1 -1
- package/TablePagination/TablePagination.d.ts +1 -1
- package/TableRow/TableRow.d.ts +1 -1
- package/Tabs/Tabs.d.ts +1 -1
- package/Text/Text.d.ts +1 -1
- package/TextField/TextField.d.ts +1 -1
- package/TextToSpeech/TextToSpeech.d.ts +1 -1
- package/TimePicker/TimePicker.d.ts +3 -3
- package/TimePicker/TimePicker.js +12 -12
- package/TimeRangePicker/TimeRangePicker.d.ts +1 -1
- package/Timeline/Timeline.d.ts +1 -1
- package/TimelineItem/TimelineItem.d.ts +1 -1
- package/Timer/Timer.d.ts +1 -1
- package/ToggleButton/ToggleButton.d.ts +1 -1
- package/ToggleButtons/ToggleButtons.d.ts +1 -1
- package/Tooltip/Tooltip.d.ts +1 -1
- package/TopAppBar/TopAppBar.d.ts +1 -1
- package/Transition/Transition.d.ts +3 -3
- package/Transition/index.js +1 -2
- package/Transitions/Transitions.d.ts +2 -2
- package/Transitions/Transitions.js +2 -2
- package/Tree/Tree.d.ts +1 -1
- package/Type/Type.d.ts +1 -1
- package/VideoPlayer/VideoPlayer.d.ts +1 -1
- package/VideoPlayer/VideoPlayer.js +4 -4
- package/ViewSplit/ViewSplit.d.ts +1 -1
- package/Watch/Watch.d.ts +1 -1
- package/Weather/Weather.d.ts +4 -4
- package/Whiteboard/Whiteboard.d.ts +5 -5
- package/Widgets/Widgets.d.ts +2 -2
- package/WindowSplit/WindowSplit.d.ts +1 -1
- package/Zoom/Zoom.d.ts +1 -1
- package/esm/Append/Append.js +6 -8
- package/esm/AutoComplete/AutoComplete.js +8 -20
- package/esm/Breadcrumbs/Breadcrumbs.js +1 -3
- package/esm/Buttons/Buttons.js +9 -55
- package/esm/Calendar/Calendar.js +74 -80
- package/esm/CalendarAvailability/CalendarAvailability.js +1 -2
- package/esm/CalendarMenu/CalendarMenu.js +2 -2
- package/esm/CalendarMonth/CalendarMonth.js +65 -68
- package/esm/CalendarWeek/CalendarWeek.js +3 -7
- package/esm/Carousel/Carousel.js +4 -12
- package/esm/Chart/Chart.js +19 -25
- package/esm/Clock/Clock.js +5 -8
- package/esm/Confirm/Confirm.js +1 -2
- package/esm/DatePicker/DatePicker.js +8 -13
- package/esm/DateTimePicker/DateTimePicker.js +6 -9
- package/esm/Drawing/Drawing.js +1 -6
- package/esm/Expand/Expand.js +1 -2
- package/esm/Fade/Fade.js +1 -2
- package/esm/Focus/Focus.js +1 -2
- package/esm/Grow/Grow.js +1 -2
- package/esm/HTMLCanvas/HTMLCanvas.js +2 -5
- package/esm/ImageCrop/ImageCrop.js +2 -5
- package/esm/ImageEdit/ImageEdit.js +5 -12
- package/esm/ImageGallery/ImageGallery.js +1 -2
- package/esm/Interaction/Interaction.js +1 -2
- package/esm/Keyframes/Keyframes.js +1 -2
- package/esm/LinearMeter/LinearMeter.js +77 -80
- package/esm/Markdown/Markdown.js +41 -144
- package/esm/MenuDesktop/MenuDesktop.js +5 -6
- package/esm/Rating/Rating.js +2 -4
- package/esm/RichTextEditor/RichTextEditor.js +36 -50
- package/esm/RoundMeter/RoundMeter.js +70 -73
- package/esm/ScreenCapture/ScreenCapture.js +2 -5
- package/esm/Select/Select.js +5 -9
- package/esm/Share/Share.js +4 -5
- package/esm/Slide/Slide.js +2 -4
- package/esm/Slider/Slider.js +3 -6
- package/esm/SmartTextField/SmartTextField.js +2 -4
- package/esm/Snackbar/Snackbar.js +1 -2
- package/esm/Snackbars/Snackbars.js +3 -3
- package/esm/Space/Space.js +3 -6
- package/esm/Switch/Switch.js +1 -2
- package/esm/TableCell/TableCell.js +23 -4
- package/esm/Tabs/Tabs.js +1 -2
- package/esm/TimePicker/TimePicker.js +27 -38
- package/esm/Timer/Timer.js +3 -4
- package/esm/Tooltip/Tooltip.js +1 -2
- package/esm/ViewSplit/ViewSplit.js +1 -2
- package/esm/Watch/Watch.js +4 -5
- package/esm/Weather/Weather.js +14 -17
- package/esm/Whiteboard/Whiteboard.js +1 -4
- package/esm/WindowSplit/WindowSplit.js +1 -2
- package/esm/Zoom/Zoom.js +1 -2
- package/esm/index.js +1 -1
- package/esm/useForm/useForm.js +1 -4
- package/esm/useLocation/useLocation.js +1 -2
- package/esm/useSwipe/useSwipe.js +1 -2
- package/esm/utils.js +10 -13
- package/index.js +2 -3
- package/package.json +3 -3
- package/types.d.ts +27 -27
- package/useForm/useForm.d.ts +2 -2
- package/useForm/validate.d.ts +12 -12
- package/useForm/validate.js +20 -20
- package/useLocation/useLocation.d.ts +1 -1
- package/useMediaQuery/useMediaQuery.d.ts +1 -1
- package/useScroll/useScroll.d.ts +2 -2
- package/useSwipe/useSwipe.d.ts +2 -2
- package/useVisible/useVisible.d.ts +2 -2
- package/utils.d.ts +1 -1
- package/utils.js +7 -2
package/esm/Markdown/Markdown.js
CHANGED
|
@@ -196,14 +196,11 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
196
196
|
const [init, setInit] = React.useState(false);
|
|
197
197
|
const make = value_ => {
|
|
198
198
|
let valueNew = '';
|
|
199
|
-
const addClassName =
|
|
199
|
+
const addClassName = (name, ...args) => {
|
|
200
200
|
let valueClass = classes[name];
|
|
201
201
|
if (elementClassNames?.[name]) valueClass += ` ${elementClassNames[name]}`;
|
|
202
202
|
|
|
203
203
|
// Add additional values
|
|
204
|
-
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
205
|
-
args[_key - 1] = arguments[_key];
|
|
206
|
-
}
|
|
207
204
|
args.forEach(arg => valueClass += ` ${arg}`);
|
|
208
205
|
return ` class='${valueClass}'`;
|
|
209
206
|
};
|
|
@@ -251,10 +248,9 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
251
248
|
</tbody>
|
|
252
249
|
`;
|
|
253
250
|
};
|
|
254
|
-
const regExpressions =
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
};
|
|
251
|
+
const regExpressions = (options = {
|
|
252
|
+
level: 1
|
|
253
|
+
}) => {
|
|
258
254
|
const {
|
|
259
255
|
level
|
|
260
256
|
} = options;
|
|
@@ -262,30 +258,21 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
262
258
|
// hr
|
|
263
259
|
{
|
|
264
260
|
value: /^ *\*{3}$/gm,
|
|
265
|
-
method:
|
|
266
|
-
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
267
|
-
args[_key2 - 1] = arguments[_key2];
|
|
268
|
-
}
|
|
261
|
+
method: (match, ...args) => {
|
|
269
262
|
const valueRender = is('function', render) ? render('hr', classNames([classes['hr'], elementClassNames?.['hr']]), elementStyles?.['hr'], match, ...args) : undefined;
|
|
270
263
|
if (valueRender !== undefined) return valueRender;
|
|
271
264
|
return `<hr${addClassName('hr')}${addStyle('hr')}/>`;
|
|
272
265
|
}
|
|
273
266
|
}, {
|
|
274
267
|
value: /^ *-{3}$/gm,
|
|
275
|
-
method:
|
|
276
|
-
for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
|
|
277
|
-
args[_key3 - 1] = arguments[_key3];
|
|
278
|
-
}
|
|
268
|
+
method: (match, ...args) => {
|
|
279
269
|
const valueRender = is('function', render) ? render('hr', classNames([classes['hr'], elementClassNames?.['hr']]), elementStyles?.['hr'], match, ...args) : undefined;
|
|
280
270
|
if (valueRender !== undefined) return valueRender;
|
|
281
271
|
return `<hr${addClassName('hr')}${addStyle('hr')}/>`;
|
|
282
272
|
}
|
|
283
273
|
}, {
|
|
284
274
|
value: /^ *_{3}$/gm,
|
|
285
|
-
method:
|
|
286
|
-
for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
|
|
287
|
-
args[_key4 - 1] = arguments[_key4];
|
|
288
|
-
}
|
|
275
|
+
method: (match, ...args) => {
|
|
289
276
|
const valueRender = is('function', render) ? render('hr', classNames([classes['hr'], elementClassNames?.['hr']]), elementStyles?.['hr'], match, ...args) : undefined;
|
|
290
277
|
if (valueRender !== undefined) return valueRender;
|
|
291
278
|
return `<hr${addClassName('hr')}${addStyle('hr')}/>`;
|
|
@@ -294,30 +281,21 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
294
281
|
// h1
|
|
295
282
|
{
|
|
296
283
|
value: /^ *# (.*)$/gm,
|
|
297
|
-
method:
|
|
298
|
-
for (var _len5 = arguments.length, args = new Array(_len5 > 2 ? _len5 - 2 : 0), _key5 = 2; _key5 < _len5; _key5++) {
|
|
299
|
-
args[_key5 - 2] = arguments[_key5];
|
|
300
|
-
}
|
|
284
|
+
method: (match, a1, ...args) => {
|
|
301
285
|
const valueRender = is('function', render) ? render('h1', classNames([classes['h1'], elementClassNames?.['h1']]), elementStyles?.['h1'], match, a1, ...args) : undefined;
|
|
302
286
|
if (valueRender !== undefined) return valueRender;
|
|
303
287
|
return `<h1${addClassName('h1')}${addStyle('h1')}>${a1}</h1>`;
|
|
304
288
|
}
|
|
305
289
|
}, {
|
|
306
290
|
value: /^ *(.*)[\r\n]=+$/gm,
|
|
307
|
-
method:
|
|
308
|
-
for (var _len6 = arguments.length, args = new Array(_len6 > 2 ? _len6 - 2 : 0), _key6 = 2; _key6 < _len6; _key6++) {
|
|
309
|
-
args[_key6 - 2] = arguments[_key6];
|
|
310
|
-
}
|
|
291
|
+
method: (match, a1, ...args) => {
|
|
311
292
|
const valueRender = is('function', render) ? render('h1', classNames([classes['h1'], elementClassNames?.['h1']]), elementStyles?.['h1'], match, a1, ...args) : undefined;
|
|
312
293
|
if (valueRender !== undefined) return valueRender;
|
|
313
294
|
return `<h1${addClassName('h1')}${addStyle('h1')}>${a1}</h1>`;
|
|
314
295
|
}
|
|
315
296
|
}, {
|
|
316
297
|
value: /^ *(.*)[\r\n]=+$/gm,
|
|
317
|
-
method:
|
|
318
|
-
for (var _len7 = arguments.length, args = new Array(_len7 > 2 ? _len7 - 2 : 0), _key7 = 2; _key7 < _len7; _key7++) {
|
|
319
|
-
args[_key7 - 2] = arguments[_key7];
|
|
320
|
-
}
|
|
298
|
+
method: (match, a1, ...args) => {
|
|
321
299
|
const valueRender = is('function', render) ? render('h1', classNames([classes['h1'], elementClassNames?.['h1']]), elementStyles?.['h1'], match, a1, ...args) : undefined;
|
|
322
300
|
if (valueRender !== undefined) return valueRender;
|
|
323
301
|
return `<h1${addClassName('h1')}${addStyle('h1')}>${a1}</h1>`;
|
|
@@ -326,20 +304,14 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
326
304
|
// h2
|
|
327
305
|
{
|
|
328
306
|
value: /^ *## (.*)$/gm,
|
|
329
|
-
method:
|
|
330
|
-
for (var _len8 = arguments.length, args = new Array(_len8 > 2 ? _len8 - 2 : 0), _key8 = 2; _key8 < _len8; _key8++) {
|
|
331
|
-
args[_key8 - 2] = arguments[_key8];
|
|
332
|
-
}
|
|
307
|
+
method: (match, a1, ...args) => {
|
|
333
308
|
const valueRender = is('function', render) ? render('h2', classNames([classes['h2'], elementClassNames?.['h2']]), elementStyles?.['h2'], match, a1, ...args) : undefined;
|
|
334
309
|
if (valueRender !== undefined) return valueRender;
|
|
335
310
|
return `<h2${addClassName('h2')}${addStyle('h2')}>${a1}</h2>`;
|
|
336
311
|
}
|
|
337
312
|
}, {
|
|
338
313
|
value: /^ *(.*)[\r\n]-+$/gm,
|
|
339
|
-
method:
|
|
340
|
-
for (var _len9 = arguments.length, args = new Array(_len9 > 2 ? _len9 - 2 : 0), _key9 = 2; _key9 < _len9; _key9++) {
|
|
341
|
-
args[_key9 - 2] = arguments[_key9];
|
|
342
|
-
}
|
|
314
|
+
method: (match, a1, ...args) => {
|
|
343
315
|
const valueRender = is('function', render) ? render('h2', classNames([classes['h2'], elementClassNames?.['h2']]), elementStyles?.['h2'], match, a1, ...args) : undefined;
|
|
344
316
|
if (valueRender !== undefined) return valueRender;
|
|
345
317
|
return `<h2${addClassName('h2')}${addStyle('h2')}>${a1}</h2>`;
|
|
@@ -348,10 +320,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
348
320
|
// h3
|
|
349
321
|
{
|
|
350
322
|
value: /^ *### (.*)$/gm,
|
|
351
|
-
method:
|
|
352
|
-
for (var _len10 = arguments.length, args = new Array(_len10 > 2 ? _len10 - 2 : 0), _key10 = 2; _key10 < _len10; _key10++) {
|
|
353
|
-
args[_key10 - 2] = arguments[_key10];
|
|
354
|
-
}
|
|
323
|
+
method: (match, a1, ...args) => {
|
|
355
324
|
const valueRender = is('function', render) ? render('h3', classNames([classes['h3'], elementClassNames?.['h3']]), elementStyles?.['h3'], match, a1, ...args) : undefined;
|
|
356
325
|
if (valueRender !== undefined) return valueRender;
|
|
357
326
|
return `<h3${addClassName('h3')}${addStyle('h3')}>${a1}</h3>`;
|
|
@@ -360,10 +329,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
360
329
|
// h4
|
|
361
330
|
{
|
|
362
331
|
value: /^ *#### (.*)$/gm,
|
|
363
|
-
method:
|
|
364
|
-
for (var _len11 = arguments.length, args = new Array(_len11 > 2 ? _len11 - 2 : 0), _key11 = 2; _key11 < _len11; _key11++) {
|
|
365
|
-
args[_key11 - 2] = arguments[_key11];
|
|
366
|
-
}
|
|
332
|
+
method: (match, a1, ...args) => {
|
|
367
333
|
const valueRender = is('function', render) ? render('h4', classNames([classes['h4'], elementClassNames?.['h4']]), elementStyles?.['h4'], match, a1, ...args) : undefined;
|
|
368
334
|
if (valueRender !== undefined) return valueRender;
|
|
369
335
|
return `<h4${addClassName('h4')}${addStyle('h4')}>${a1}</h4>`;
|
|
@@ -372,10 +338,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
372
338
|
// h5
|
|
373
339
|
{
|
|
374
340
|
value: /^ *##### (.*)$/gm,
|
|
375
|
-
method:
|
|
376
|
-
for (var _len12 = arguments.length, args = new Array(_len12 > 2 ? _len12 - 2 : 0), _key12 = 2; _key12 < _len12; _key12++) {
|
|
377
|
-
args[_key12 - 2] = arguments[_key12];
|
|
378
|
-
}
|
|
341
|
+
method: (match, a1, ...args) => {
|
|
379
342
|
const valueRender = is('function', render) ? render('h5', classNames([classes['h5'], elementClassNames?.['h5']]), elementStyles?.['h5'], match, a1, ...args) : undefined;
|
|
380
343
|
if (valueRender !== undefined) return valueRender;
|
|
381
344
|
return `<h5${addClassName('h5')}${addStyle('h5')}>${a1}</h5>`;
|
|
@@ -384,10 +347,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
384
347
|
// h6
|
|
385
348
|
{
|
|
386
349
|
value: /^ *###### (.*)$/gm,
|
|
387
|
-
method:
|
|
388
|
-
for (var _len13 = arguments.length, args = new Array(_len13 > 2 ? _len13 - 2 : 0), _key13 = 2; _key13 < _len13; _key13++) {
|
|
389
|
-
args[_key13 - 2] = arguments[_key13];
|
|
390
|
-
}
|
|
350
|
+
method: (match, a1, ...args) => {
|
|
391
351
|
const valueRender = is('function', render) ? render('h6', classNames([classes['h6'], elementClassNames?.['h6']]), elementStyles?.['h6'], match, a1, ...args) : undefined;
|
|
392
352
|
if (valueRender !== undefined) return valueRender;
|
|
393
353
|
return `<h6${addClassName('h6')}${addStyle('h6')}>${a1}</h6>`;
|
|
@@ -396,10 +356,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
396
356
|
// table
|
|
397
357
|
{
|
|
398
358
|
value: / *\|?([^|\n]+(\|[^|\n]+)+ *\|?(\n *\|? *:?-{3,}:? *(\| *:?-{3,}:? *)+ *\|?)(\n *\|?([^|\n]+(\|[^|\n]+)+) *\|?)*)/g,
|
|
399
|
-
method:
|
|
400
|
-
for (var _len14 = arguments.length, args = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
|
|
401
|
-
args[_key14 - 1] = arguments[_key14];
|
|
402
|
-
}
|
|
359
|
+
method: (match, ...args) => {
|
|
403
360
|
const valueRender = is('function', render) ? render('table', classNames([classes['table'], elementClassNames?.['table']]), elementStyles?.['table'], match, ...args) : undefined;
|
|
404
361
|
if (valueRender !== undefined) return valueRender;
|
|
405
362
|
return `<div class='${classes.tableWrapper}'><table${addClassName('table')}${addStyle('table')}>${table(match)}</table></div>`;
|
|
@@ -408,10 +365,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
408
365
|
// a url
|
|
409
366
|
{
|
|
410
367
|
value: /(?:[^:][\n <])((?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\-\/]+))(?:>)?/g,
|
|
411
|
-
method:
|
|
412
|
-
for (var _len15 = arguments.length, args = new Array(_len15 > 2 ? _len15 - 2 : 0), _key15 = 2; _key15 < _len15; _key15++) {
|
|
413
|
-
args[_key15 - 2] = arguments[_key15];
|
|
414
|
-
}
|
|
368
|
+
method: (match, a1, ...args) => {
|
|
415
369
|
const valueRender = is('function', render) ? render('a', classNames([classes['a'], elementClassNames?.['a']]), elementStyles?.['a'], match, a1, ...args) : undefined;
|
|
416
370
|
if (valueRender !== undefined) return valueRender;
|
|
417
371
|
let match_ = match;
|
|
@@ -422,20 +376,14 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
422
376
|
// ol
|
|
423
377
|
{
|
|
424
378
|
value: new RegExp(`^ *(\\d+\\. .*(\\n+(\\d+\\. |\\s{${level * 2}}.*).*)*)`, 'gm'),
|
|
425
|
-
method:
|
|
426
|
-
for (var _len16 = arguments.length, args = new Array(_len16 > 1 ? _len16 - 1 : 0), _key16 = 1; _key16 < _len16; _key16++) {
|
|
427
|
-
args[_key16 - 1] = arguments[_key16];
|
|
428
|
-
}
|
|
379
|
+
method: (match, ...args) => {
|
|
429
380
|
const valueRender = is('function', render) ? render('ol', classNames([classes['ol'], elementClassNames?.['ol']]), elementStyles?.['ol'], match, ...args) : undefined;
|
|
430
381
|
if (valueRender !== undefined) return valueRender;
|
|
431
382
|
return `<ol${addClassName('ol')}${addStyle('ol')}>${list(match, `\\d\\.`, level + 1)}</ol>`;
|
|
432
383
|
}
|
|
433
384
|
}, {
|
|
434
385
|
value: new RegExp(`^ *(\\d+\\) .*(\\n+(\\d+\\) |\\s{${level * 2}}.*).*)*)`, 'gm'),
|
|
435
|
-
method:
|
|
436
|
-
for (var _len17 = arguments.length, args = new Array(_len17 > 1 ? _len17 - 1 : 0), _key17 = 1; _key17 < _len17; _key17++) {
|
|
437
|
-
args[_key17 - 1] = arguments[_key17];
|
|
438
|
-
}
|
|
386
|
+
method: (match, ...args) => {
|
|
439
387
|
const valueRender = is('function', render) ? render('ol', classNames([classes['ol'], elementClassNames?.['ol']]), elementStyles?.['ol'], match, ...args) : undefined;
|
|
440
388
|
if (valueRender !== undefined) return valueRender;
|
|
441
389
|
return `<ol${addClassName('ol')}${addStyle('ol')}>${list(match, `\\d\\)`, level + 1)}</ol>`;
|
|
@@ -444,30 +392,21 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
444
392
|
// ul
|
|
445
393
|
{
|
|
446
394
|
value: new RegExp(`^ *(\\* .*(\\n+(\\* |\\s{${level * 2}}.*).*)*)`, 'gm'),
|
|
447
|
-
method:
|
|
448
|
-
for (var _len18 = arguments.length, args = new Array(_len18 > 1 ? _len18 - 1 : 0), _key18 = 1; _key18 < _len18; _key18++) {
|
|
449
|
-
args[_key18 - 1] = arguments[_key18];
|
|
450
|
-
}
|
|
395
|
+
method: (match, ...args) => {
|
|
451
396
|
const valueRender = is('function', render) ? render('ul', classNames([classes['ul'], elementClassNames?.['ul']]), elementStyles?.['ul'], match, ...args) : undefined;
|
|
452
397
|
if (valueRender !== undefined) return valueRender;
|
|
453
398
|
return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match, `\\*`, level + 1)}</ul>`;
|
|
454
399
|
}
|
|
455
400
|
}, {
|
|
456
401
|
value: new RegExp(`^ *(- .*(\\n+(- |\\s{${level * 2}}.*).*)*)`, 'gm'),
|
|
457
|
-
method:
|
|
458
|
-
for (var _len19 = arguments.length, args = new Array(_len19 > 1 ? _len19 - 1 : 0), _key19 = 1; _key19 < _len19; _key19++) {
|
|
459
|
-
args[_key19 - 1] = arguments[_key19];
|
|
460
|
-
}
|
|
402
|
+
method: (match, ...args) => {
|
|
461
403
|
const valueRender = is('function', render) ? render('ul', classNames([classes['ul'], elementClassNames?.['ul']]), elementStyles?.['ul'], match, ...args) : undefined;
|
|
462
404
|
if (valueRender !== undefined) return valueRender;
|
|
463
405
|
return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match, `\\-`, level + 1)}</ul>`;
|
|
464
406
|
}
|
|
465
407
|
}, {
|
|
466
408
|
value: new RegExp(`^ *(\\+ .*(\\n+(\\+ |\\s{${level * 2}}.*).*)*)`, 'gm'),
|
|
467
|
-
method:
|
|
468
|
-
for (var _len20 = arguments.length, args = new Array(_len20 > 1 ? _len20 - 1 : 0), _key20 = 1; _key20 < _len20; _key20++) {
|
|
469
|
-
args[_key20 - 1] = arguments[_key20];
|
|
470
|
-
}
|
|
409
|
+
method: (match, ...args) => {
|
|
471
410
|
const valueRender = is('function', render) ? render('ul', classNames([classes['ul'], elementClassNames?.['ul']]), elementStyles?.['ul'], match, ...args) : undefined;
|
|
472
411
|
if (valueRender !== undefined) return valueRender;
|
|
473
412
|
return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match, `\\+`, level + 1)}</ul>`;
|
|
@@ -476,10 +415,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
476
415
|
// img
|
|
477
416
|
{
|
|
478
417
|
value: /!\[(.*)\]\(([^\s]*)( "([^"]*)")?\)/g,
|
|
479
|
-
method:
|
|
480
|
-
for (var _len21 = arguments.length, args = new Array(_len21 > 5 ? _len21 - 5 : 0), _key21 = 5; _key21 < _len21; _key21++) {
|
|
481
|
-
args[_key21 - 5] = arguments[_key21];
|
|
482
|
-
}
|
|
418
|
+
method: (match, a1, a2, a3, a4, ...args) => {
|
|
483
419
|
const valueRender = is('function', render) ? render('img', classNames([classes['img'], elementClassNames?.['img']]), elementStyles?.['img'], match, a1, a2, a3, a4, ...args) : undefined;
|
|
484
420
|
if (valueRender !== undefined) return valueRender;
|
|
485
421
|
return `<img${addClassName('img')}${addStyle('img')} alt='${a1}' src='${a2}' title='${a4 || ''}' />`;
|
|
@@ -510,10 +446,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
510
446
|
// blockquote
|
|
511
447
|
{
|
|
512
448
|
value: /^ *(>+ (<(a|img|em|strong)|[A-Za-z0-9[\]()])*.*(\n *>+.*)*)/gm,
|
|
513
|
-
method:
|
|
514
|
-
for (var _len22 = arguments.length, args = new Array(_len22 > 2 ? _len22 - 2 : 0), _key22 = 2; _key22 < _len22; _key22++) {
|
|
515
|
-
args[_key22 - 2] = arguments[_key22];
|
|
516
|
-
}
|
|
449
|
+
method: (match, a1, ...args) => {
|
|
517
450
|
const valueRender = is('function', render) ? render('blockquote', classNames([classes['blockquote'], elementClassNames?.['blockquote']]), elementStyles?.['blockquote'], match, a1, ...args) : undefined;
|
|
518
451
|
if (valueRender !== undefined) return valueRender;
|
|
519
452
|
const valueAdd = a1.replace(/^ *> */gm, ' ');
|
|
@@ -523,10 +456,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
523
456
|
// p
|
|
524
457
|
{
|
|
525
458
|
value: /^ *((<(a|img|em|strong)|[A-Za-z0-9[\]()]).*(\n *(<(a|img|em|strong)|[A-Za-z0-9[\]()]).*)*)/gm,
|
|
526
|
-
method:
|
|
527
|
-
for (var _len23 = arguments.length, args = new Array(_len23 > 2 ? _len23 - 2 : 0), _key23 = 2; _key23 < _len23; _key23++) {
|
|
528
|
-
args[_key23 - 2] = arguments[_key23];
|
|
529
|
-
}
|
|
459
|
+
method: (match, a1, ...args) => {
|
|
530
460
|
const valueRender = is('function', render) ? render('p', classNames([classes['p'], elementClassNames?.['p']]), elementStyles?.['p'], match, a1, ...args) : undefined;
|
|
531
461
|
if (valueRender !== undefined) return valueRender;
|
|
532
462
|
const string = args[6];
|
|
@@ -579,10 +509,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
579
509
|
// a
|
|
580
510
|
{
|
|
581
511
|
value: /\[([^\]]*)\]\(([^\s]*)( "([^"]*)")?\)/g,
|
|
582
|
-
method:
|
|
583
|
-
for (var _len24 = arguments.length, args = new Array(_len24 > 5 ? _len24 - 5 : 0), _key24 = 5; _key24 < _len24; _key24++) {
|
|
584
|
-
args[_key24 - 5] = arguments[_key24];
|
|
585
|
-
}
|
|
512
|
+
method: (match, a1, a2, a3, a4, ...args) => {
|
|
586
513
|
const valueRender = is('function', render) ? render('a', classNames([classes['a'], elementClassNames?.['a']]), elementStyles?.['a'], match, a1, a2, a3, a4, ...args) : undefined;
|
|
587
514
|
if (valueRender !== undefined) return valueRender;
|
|
588
515
|
return `<a${addClassName('a')}${addStyle('a')} href='${a2}' title='${a4 || ''}' ref='nofollow'>${a1}</a>`;
|
|
@@ -617,20 +544,14 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
617
544
|
// bold
|
|
618
545
|
{
|
|
619
546
|
value: /__([^_]*)__/g,
|
|
620
|
-
method:
|
|
621
|
-
for (var _len25 = arguments.length, args = new Array(_len25 > 2 ? _len25 - 2 : 0), _key25 = 2; _key25 < _len25; _key25++) {
|
|
622
|
-
args[_key25 - 2] = arguments[_key25];
|
|
623
|
-
}
|
|
547
|
+
method: (match, a1, ...args) => {
|
|
624
548
|
const valueRender = is('function', render) ? render('strong', classNames([classes['strong'], elementClassNames?.['strong']]), elementStyles?.['strong'], match, a1, ...args) : undefined;
|
|
625
549
|
if (valueRender !== undefined) return valueRender;
|
|
626
550
|
return `<strong${addClassName('strong')}${addStyle('strong')}>${a1}</strong>`;
|
|
627
551
|
}
|
|
628
552
|
}, {
|
|
629
553
|
value: /\*\*([^*]*)\*\*/g,
|
|
630
|
-
method:
|
|
631
|
-
for (var _len26 = arguments.length, args = new Array(_len26 > 2 ? _len26 - 2 : 0), _key26 = 2; _key26 < _len26; _key26++) {
|
|
632
|
-
args[_key26 - 2] = arguments[_key26];
|
|
633
|
-
}
|
|
554
|
+
method: (match, a1, ...args) => {
|
|
634
555
|
const valueRender = is('function', render) ? render('strong', classNames([classes['strong'], elementClassNames?.['strong']]), elementStyles?.['strong'], match, a1, ...args) : undefined;
|
|
635
556
|
if (valueRender !== undefined) return valueRender;
|
|
636
557
|
return `<strong${addClassName('strong')}${addStyle('strong')}>${a1}</strong>`;
|
|
@@ -640,10 +561,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
640
561
|
{
|
|
641
562
|
// Safari doesn't support lookbehind
|
|
642
563
|
value: /_([^_]+)_/g,
|
|
643
|
-
method:
|
|
644
|
-
for (var _len27 = arguments.length, args = new Array(_len27 > 4 ? _len27 - 4 : 0), _key27 = 4; _key27 < _len27; _key27++) {
|
|
645
|
-
args[_key27 - 4] = arguments[_key27];
|
|
646
|
-
}
|
|
564
|
+
method: (match, a1, a2, a3, ...args) => {
|
|
647
565
|
const valueRender = is('function', render) ? render('italic', classNames([classes['italic'], elementClassNames?.['italic']]), elementStyles?.['italic'], match, a1, ...args) : undefined;
|
|
648
566
|
if (valueRender !== undefined) return valueRender;
|
|
649
567
|
if (a3[a2 - 1] === '\\') return match;
|
|
@@ -651,10 +569,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
651
569
|
}
|
|
652
570
|
}, {
|
|
653
571
|
value: /\*([^*]*)\*/g,
|
|
654
|
-
method:
|
|
655
|
-
for (var _len28 = arguments.length, args = new Array(_len28 > 2 ? _len28 - 2 : 0), _key28 = 2; _key28 < _len28; _key28++) {
|
|
656
|
-
args[_key28 - 2] = arguments[_key28];
|
|
657
|
-
}
|
|
572
|
+
method: (match, a1, ...args) => {
|
|
658
573
|
const valueRender = is('function', render) ? render('italic', classNames([classes['italic'], elementClassNames?.['italic']]), elementStyles?.['italic'], match, a1, ...args) : undefined;
|
|
659
574
|
if (valueRender !== undefined) return valueRender;
|
|
660
575
|
return `<em${addClassName('em')}${addStyle('em')}>${a1}</em>`;
|
|
@@ -663,10 +578,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
663
578
|
// del
|
|
664
579
|
{
|
|
665
580
|
value: /~~([^~]*)~~/g,
|
|
666
|
-
method:
|
|
667
|
-
for (var _len29 = arguments.length, args = new Array(_len29 > 2 ? _len29 - 2 : 0), _key29 = 2; _key29 < _len29; _key29++) {
|
|
668
|
-
args[_key29 - 2] = arguments[_key29];
|
|
669
|
-
}
|
|
581
|
+
method: (match, a1, ...args) => {
|
|
670
582
|
const valueRender = is('function', render) ? render('del', classNames([classes['del'], elementClassNames?.['del']]), elementStyles?.['del'], match, a1, ...args) : undefined;
|
|
671
583
|
if (valueRender !== undefined) return valueRender;
|
|
672
584
|
return `<del${addClassName('del')}${addStyle('del')}>${a1}</del>`;
|
|
@@ -675,10 +587,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
675
587
|
// line break
|
|
676
588
|
{
|
|
677
589
|
value: / \\/g,
|
|
678
|
-
method:
|
|
679
|
-
for (var _len30 = arguments.length, args = new Array(_len30 > 1 ? _len30 - 1 : 0), _key30 = 1; _key30 < _len30; _key30++) {
|
|
680
|
-
args[_key30 - 1] = arguments[_key30];
|
|
681
|
-
}
|
|
590
|
+
method: (match, ...args) => {
|
|
682
591
|
const valueRender = is('function', render) ? render('br', classNames([classes['br'], elementClassNames?.['br']]), elementStyles?.['br'], match, ...args) : undefined;
|
|
683
592
|
if (valueRender !== undefined) return valueRender;
|
|
684
593
|
return '<br />';
|
|
@@ -688,10 +597,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
688
597
|
// Escape '\', preceeded, followed by any none \ character remove it
|
|
689
598
|
{
|
|
690
599
|
value: /[^\\](\\)[^\\]/g,
|
|
691
|
-
method:
|
|
692
|
-
for (var _len31 = arguments.length, args = new Array(_len31 > 2 ? _len31 - 2 : 0), _key31 = 2; _key31 < _len31; _key31++) {
|
|
693
|
-
args[_key31 - 2] = arguments[_key31];
|
|
694
|
-
}
|
|
600
|
+
method: (match, a1, ...args) => {
|
|
695
601
|
const valueRender = is('function', render) ? render('br', classNames([classes['br'], elementClassNames?.['br']]), elementStyles?.['br'], match, ...args) : undefined;
|
|
696
602
|
if (valueRender !== undefined) return valueRender;
|
|
697
603
|
return match.replace(a1, '');
|
|
@@ -702,20 +608,16 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
702
608
|
// inline code
|
|
703
609
|
{
|
|
704
610
|
value: /([^`])`{1}([^`]*)`{1}([^`])/g,
|
|
705
|
-
method:
|
|
706
|
-
for (var _len32 = arguments.length, args = new Array(_len32 > 4 ? _len32 - 4 : 0), _key32 = 4; _key32 < _len32; _key32++) {
|
|
707
|
-
args[_key32 - 4] = arguments[_key32];
|
|
708
|
-
}
|
|
611
|
+
method: (match, a1, a2, a3, ...args) => {
|
|
709
612
|
const valueRender = is('function', render) ? render('code', classNames([classes['code'], elementClassNames?.['code']]), elementStyles?.['code'], match, a1, a2, a3, ...args) : undefined;
|
|
710
613
|
if (valueRender !== undefined) return valueRender;
|
|
711
614
|
return `${a1}<code${addClassName('code')}${addStyle('code')}>${a2}</code>${a3}`;
|
|
712
615
|
}
|
|
713
616
|
}];
|
|
714
617
|
};
|
|
715
|
-
const method =
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
};
|
|
618
|
+
const method = (valueNew_, options = {
|
|
619
|
+
level: 1
|
|
620
|
+
}) => {
|
|
719
621
|
let result = regExpressions(options).reduce((regexResult, current) => {
|
|
720
622
|
let response = regexResult;
|
|
721
623
|
response = response.replace(current.value, current.method);
|
|
@@ -724,8 +626,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
724
626
|
result = result.trim();
|
|
725
627
|
return result;
|
|
726
628
|
};
|
|
727
|
-
const listItem =
|
|
728
|
-
let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
629
|
+
const listItem = (valueListItem_, level = 1) => {
|
|
729
630
|
const valueListItem = valueListItem_;
|
|
730
631
|
const valueRender = is('function', render) ? render('li', classNames([classes['li'], elementClassNames?.['li']]), elementStyles?.['li'], valueListItem_) : undefined;
|
|
731
632
|
if (valueRender !== undefined) return valueRender;
|
|
@@ -733,8 +634,7 @@ const Markdown = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
733
634
|
level: level + 1
|
|
734
635
|
});
|
|
735
636
|
};
|
|
736
|
-
const list =
|
|
737
|
-
let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
637
|
+
const list = (valueList_, marker, level = 1) => {
|
|
738
638
|
const valueList = valueList_.replace(new RegExp(`(^ *(${marker} ?(.*))(\\n( +.*)?)*)`, 'gm'), (match, a1, a2, a3) => {
|
|
739
639
|
const other_ = match.replace(a2, '');
|
|
740
640
|
return `\n<li${addClassName('li')}${addStyle('li')}>
|
|
@@ -756,11 +656,8 @@ ${listItem(other_, level)}
|
|
|
756
656
|
|
|
757
657
|
// Revert code blocks
|
|
758
658
|
if (!!codeBlocks.length) {
|
|
759
|
-
codeBlocks = codeBlocks.map(item => item.replace(/`{3}(.*)\n([\s\S]*?)`{3}/m,
|
|
659
|
+
codeBlocks = codeBlocks.map(item => item.replace(/`{3}(.*)\n([\s\S]*?)`{3}/m, (match, a1, a2, ...args) => {
|
|
760
660
|
const additionalClassNames = [a1, `language-${a1}`];
|
|
761
|
-
for (var _len33 = arguments.length, args = new Array(_len33 > 3 ? _len33 - 3 : 0), _key33 = 3; _key33 < _len33; _key33++) {
|
|
762
|
-
args[_key33 - 3] = arguments[_key33];
|
|
763
|
-
}
|
|
764
661
|
const valueRender = is('function', render) ? render('pre', classNames([classes['pre'], classNames([classes['pre'], elementClassNames?.['pre']]), ...additionalClassNames]), elementStyles?.['pre'], match, a1, a2, ...args) : undefined;
|
|
765
662
|
if (valueRender !== undefined) return valueRender;
|
|
766
663
|
return `<pre${addClassName('pre', ...additionalClassNames)}${addStyle('pre')}><code${addClassName('code')}${addStyle('code')}>${sanitize(a2)}</code></pre>`;
|
|
@@ -413,12 +413,11 @@ const MenuDesktop = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
413
413
|
anchorElement: refs.anchorElement.current,
|
|
414
414
|
position: "bottom",
|
|
415
415
|
alignment: "start",
|
|
416
|
-
element:
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
} = _ref;
|
|
416
|
+
element: ({
|
|
417
|
+
ref: refAppend,
|
|
418
|
+
values,
|
|
419
|
+
style: styleAppend
|
|
420
|
+
}) => {
|
|
422
421
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|
|
423
422
|
ref: refAppend,
|
|
424
423
|
onMouseEnter: updateOpenPure,
|
package/esm/Rating/Rating.js
CHANGED
|
@@ -224,8 +224,7 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
226
|
}, [disabled, readOnly, value, valueActive]);
|
|
227
|
-
const move =
|
|
228
|
-
let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
227
|
+
const move = (forward_ = true) => {
|
|
229
228
|
const forward = theme.direction === 'ltr' ? forward_ : !forward_;
|
|
230
229
|
let value__ = refs.value.current || 0;
|
|
231
230
|
|
|
@@ -302,8 +301,7 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
302
301
|
}
|
|
303
302
|
if (is('number', value__) && index < +value__.toFixed(1) && !onlyValue) return '100%';
|
|
304
303
|
};
|
|
305
|
-
const getIcon =
|
|
306
|
-
let inactive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
304
|
+
const getIcon = (index, inactive = true) => {
|
|
307
305
|
if (inactive) return icons?.[index]?.iconInactive || icons?.[index]?.icon || icon || iconInactive;
|
|
308
306
|
return icons?.[index]?.iconActive || icons?.[index]?.icon || icon || iconActive;
|
|
309
307
|
};
|
|
@@ -392,14 +392,8 @@ const RichTextEditor = /*#__PURE__*/React.forwardRef((props__, ref) => {
|
|
|
392
392
|
const query = command => {
|
|
393
393
|
return parse(refs.rootDocument.current.queryCommandValue(command));
|
|
394
394
|
};
|
|
395
|
-
const includesMinMenu =
|
|
396
|
-
|
|
397
|
-
args[_key] = arguments[_key];
|
|
398
|
-
}
|
|
399
|
-
return args.some(item => refs.miniMenuInclude.current.includes(item));
|
|
400
|
-
};
|
|
401
|
-
const clear = function () {
|
|
402
|
-
let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
|
|
395
|
+
const includesMinMenu = (...args) => args.some(item => refs.miniMenuInclude.current.includes(item));
|
|
396
|
+
const clear = (element = refs.value.current) => {
|
|
403
397
|
const children_ = Array.from(element.children);
|
|
404
398
|
const toRemove = [];
|
|
405
399
|
const other_ = [];
|
|
@@ -560,12 +554,7 @@ const RichTextEditor = /*#__PURE__*/React.forwardRef((props__, ref) => {
|
|
|
560
554
|
break;
|
|
561
555
|
}
|
|
562
556
|
}, []);
|
|
563
|
-
const includes =
|
|
564
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
565
|
-
args[_key2] = arguments[_key2];
|
|
566
|
-
}
|
|
567
|
-
return !is('array', exclude) || args.some(item => !exclude.includes(item));
|
|
568
|
-
};
|
|
557
|
+
const includes = (...args) => !is('array', exclude) || args.some(item => !exclude.includes(item));
|
|
569
558
|
|
|
570
559
|
// italic, underline, bold
|
|
571
560
|
// updates toolbar
|
|
@@ -1679,42 +1668,39 @@ const RichTextEditor = /*#__PURE__*/React.forwardRef((props__, ref) => {
|
|
|
1679
1668
|
className: classNames([staticClassName('RichTextEditor', theme) && ['onesy-RichTextEditor-divider'], DividerProps?.className, classes.divider, classes.divider_end])
|
|
1680
1669
|
}))), miniMenu && !!refs.miniMenuInclude.current.length && /*#__PURE__*/React.createElement(Append, _extends({
|
|
1681
1670
|
open: selection,
|
|
1682
|
-
element:
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
className: classNames([staticClassName('RichTextEditor', theme) && ['onesy-RichTextEditor-mini-menu'], MiniMenuProps?.className, classes.miniMenu])
|
|
1716
|
-
}), includesMinMenu('italic', 'underlined', 'bold', 'strike-line') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('italic') && updateElements['italic'], includesMinMenu('underline') && updateElements['underline'], includesMinMenu('bold') && updateElements['bold'], includesMinMenu('strike-line') && updateElements['strike-line']), includesMinMenu('font-color', 'font-background') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('font-color') && updateElements['font-color-mini-menu'], includesMinMenu('font-background') && updateElements['font-background-mini-menu']), includesMinMenu('align-left', 'align-center', 'align-right', 'align-justify') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('align-left') && updateElements['align-left'], includesMinMenu('align-center') && updateElements['align-center'], includesMinMenu('align-right') && updateElements['align-right'], includesMinMenu('align-justify') && updateElements['align-justify']), includesMinMenu('link-add', 'link-remove') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('link-add') && updateElements['link-add-mini-menu'], includesMinMenu('link-remove') && updateElements['link-remove']), includesMinMenu('clear') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('clear') && actionElements['clear'])))));
|
|
1717
|
-
},
|
|
1671
|
+
element: ({
|
|
1672
|
+
ref: ref_,
|
|
1673
|
+
values,
|
|
1674
|
+
style
|
|
1675
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
1676
|
+
ref: item => {
|
|
1677
|
+
if (ref_) {
|
|
1678
|
+
if (is('function', ref_)) ref_(item);else ref_.current = item;
|
|
1679
|
+
refs.miniMenu.current = item;
|
|
1680
|
+
}
|
|
1681
|
+
},
|
|
1682
|
+
style: _objectSpread(_objectSpread({}, values?.x === 0 && values?.y === 0 ? {
|
|
1683
|
+
visibility: 'hidden'
|
|
1684
|
+
} : undefined), style)
|
|
1685
|
+
}, /*#__PURE__*/React.createElement(Fade, {
|
|
1686
|
+
in: !!selection,
|
|
1687
|
+
add: true
|
|
1688
|
+
}, /*#__PURE__*/React.createElement(ClickListener, {
|
|
1689
|
+
onClickOutside: () => {
|
|
1690
|
+
setSelection('');
|
|
1691
|
+
},
|
|
1692
|
+
include: [refs.miniMenu, refs.miniMenu.current, refs.miniMenuElements.colorPalette, refs.miniMenuElements.colorPalette.current, refs.miniMenuElements.backgroundPalette, refs.miniMenuElements.backgroundPalette.current, refs.miniMenuElements.linkAddInput, refs.miniMenuElements.linkAddInput.current]
|
|
1693
|
+
}, /*#__PURE__*/React.createElement(Line, _extends({
|
|
1694
|
+
gap: 2,
|
|
1695
|
+
direction: "row",
|
|
1696
|
+
align: "center",
|
|
1697
|
+
justify: "flex-start",
|
|
1698
|
+
role: "toolbar",
|
|
1699
|
+
"aria-label": l('Mini menu'),
|
|
1700
|
+
Component: Surface
|
|
1701
|
+
}, MiniMenuProps, {
|
|
1702
|
+
className: classNames([staticClassName('RichTextEditor', theme) && ['onesy-RichTextEditor-mini-menu'], MiniMenuProps?.className, classes.miniMenu])
|
|
1703
|
+
}), includesMinMenu('italic', 'underlined', 'bold', 'strike-line') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('italic') && updateElements['italic'], includesMinMenu('underline') && updateElements['underline'], includesMinMenu('bold') && updateElements['bold'], includesMinMenu('strike-line') && updateElements['strike-line']), includesMinMenu('font-color', 'font-background') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('font-color') && updateElements['font-color-mini-menu'], includesMinMenu('font-background') && updateElements['font-background-mini-menu']), includesMinMenu('align-left', 'align-center', 'align-right', 'align-justify') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('align-left') && updateElements['align-left'], includesMinMenu('align-center') && updateElements['align-center'], includesMinMenu('align-right') && updateElements['align-right'], includesMinMenu('align-justify') && updateElements['align-justify']), includesMinMenu('link-add', 'link-remove') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('link-add') && updateElements['link-add-mini-menu'], includesMinMenu('link-remove') && updateElements['link-remove']), includesMinMenu('clear') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('clear') && actionElements['clear']))))),
|
|
1718
1704
|
anchor: selection,
|
|
1719
1705
|
portal: true,
|
|
1720
1706
|
alignment: "center",
|