@julseb-lib/react 0.1.39 → 0.1.42

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/dist/index.d.cts CHANGED
@@ -4,7 +4,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { ClassNameValue } from 'tailwind-merge';
5
5
  import { MarkdownToJSX } from 'markdown-to-jsx';
6
6
  import { LibMdEditorOptions } from './types/components-items-props.cjs';
7
- export * from '@julseb-lib/utils';
7
+ export { addDay, addMonth, addYear, calculateAverage, calculateTotalSum, capitalize, convertDate, convertDateShort, convertPrice, convertToEmail, convertYoutube, deleteDuplicates, detectLanguage, disableScroll, emailRegex, enableScroll, filterObject, formatDate, formatHour, generateNumbers, getFirstName, getInitials, getLastName, getNextDay, getPercentage, getRandom, getRandomAvatar, getRandomDate, getRandomNumber, getRandomString, getRandomTime, getTimeNow, getToday, getTomorrow, getYesterday, hexToRgb, passwordRegex, rgbToHex, scrollToTop, slugify, sortByFrequency, stringifyPx, toCamelCase, toConstantCase, toDotCase, toKebabCase, toPascalCase, toPathCase, toSentenceCase, toSnakeCase, toTitleCase, unslugify, uuid } from '@julseb-lib/utils';
8
8
  import * as react from 'react';
9
9
  import { RefObject, ChangeEvent, RefCallback, Ref, FC as FC$1 } from 'react';
10
10
  import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibMasonry, ILibBadge, ILibAvatar, ILibLoader, ILibBurger, ILibButton, ILibButtonIcon, ILibButtonGroup, ILibTag, ILibInputContainer, ILibInput, ILibInputImage, ILibInputCheck, ILibInputPhone, ILibInputCounter, ILibInputSlider, ILibSelect, ILibAutocomplete, ILibRating, ILibInputPin, ILibFieldset, ILibForm, ILibListGroup, ILibListGroupTitle, ILibListGroupItem, ILibBreadcrumbs, ILibAccordion, ILibAccordionItem, ILibDropdown, ILibDropdownItem, ILibToast, ILibAlert, ILibModal, ILibDragList, ILibDragListItem, ILibPagination, ILibPaginationButton, ILibPaginator, ILibProgressBar, ILibProgressCircle, ILibTabs, ILibTabsContainer, ILibTabsButtonsContainer, ILibTabsButton, ILibTabContent, ILibSlideshow, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibFade, ILibBackToTop, ILibDrawer, ILibHeader, ILibFooter, ILibMeta, ILibPageLayout, ILibSrOnly } from './types/components-props.cjs';
package/dist/index.d.ts CHANGED
@@ -4,7 +4,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { ClassNameValue } from 'tailwind-merge';
5
5
  import { MarkdownToJSX } from 'markdown-to-jsx';
6
6
  import { LibMdEditorOptions } from './types/components-items-props.js';
7
- export * from '@julseb-lib/utils';
7
+ export { addDay, addMonth, addYear, calculateAverage, calculateTotalSum, capitalize, convertDate, convertDateShort, convertPrice, convertToEmail, convertYoutube, deleteDuplicates, detectLanguage, disableScroll, emailRegex, enableScroll, filterObject, formatDate, formatHour, generateNumbers, getFirstName, getInitials, getLastName, getNextDay, getPercentage, getRandom, getRandomAvatar, getRandomDate, getRandomNumber, getRandomString, getRandomTime, getTimeNow, getToday, getTomorrow, getYesterday, hexToRgb, passwordRegex, rgbToHex, scrollToTop, slugify, sortByFrequency, stringifyPx, toCamelCase, toConstantCase, toDotCase, toKebabCase, toPascalCase, toPathCase, toSentenceCase, toSnakeCase, toTitleCase, unslugify, uuid } from '@julseb-lib/utils';
8
8
  import * as react from 'react';
9
9
  import { RefObject, ChangeEvent, RefCallback, Ref, FC as FC$1 } from 'react';
10
10
  import { ILibText, ILibWrapper, ILibMain, ILibAside, ILibSection, ILibGrid, ILibFlexbox, ILibKey, ILibHighlight, ILibLinkify, ILibHr, ILibSkeleton, ILibSkeletonCard, ILibTooltip, ILibImage, ILibMasonry, ILibBadge, ILibAvatar, ILibLoader, ILibBurger, ILibButton, ILibButtonIcon, ILibButtonGroup, ILibTag, ILibInputContainer, ILibInput, ILibInputImage, ILibInputCheck, ILibInputPhone, ILibInputCounter, ILibInputSlider, ILibSelect, ILibAutocomplete, ILibRating, ILibInputPin, ILibFieldset, ILibForm, ILibListGroup, ILibListGroupTitle, ILibListGroupItem, ILibBreadcrumbs, ILibAccordion, ILibAccordionItem, ILibDropdown, ILibDropdownItem, ILibToast, ILibAlert, ILibModal, ILibDragList, ILibDragListItem, ILibPagination, ILibPaginationButton, ILibPaginator, ILibProgressBar, ILibProgressCircle, ILibTabs, ILibTabsContainer, ILibTabsButtonsContainer, ILibTabsButton, ILibTabContent, ILibSlideshow, ILibCover, ILibTable, ILibPageLoading, ILibSticky, ILibMarkdownEditor, ILibMarkdownContainer, ILibFade, ILibBackToTop, ILibDrawer, ILibHeader, ILibFooter, ILibMeta, ILibPageLayout, ILibSrOnly } from './types/components-props.js';
package/dist/index.js CHANGED
@@ -2081,7 +2081,61 @@ var genRingColorChildren = {
2081
2081
  };
2082
2082
 
2083
2083
  // src/lib/index.ts
2084
- export * from "@julseb-lib/utils";
2084
+ import {
2085
+ addDay,
2086
+ addMonth,
2087
+ addYear,
2088
+ calculateAverage,
2089
+ calculateTotalSum,
2090
+ capitalize,
2091
+ convertDate,
2092
+ convertDateShort,
2093
+ convertPrice,
2094
+ convertToEmail,
2095
+ convertYoutube,
2096
+ deleteDuplicates,
2097
+ detectLanguage as detectLanguage2,
2098
+ disableScroll as disableScroll4,
2099
+ enableScroll as enableScroll4,
2100
+ filterObject,
2101
+ formatDate,
2102
+ formatHour,
2103
+ generateNumbers as generateNumbers3,
2104
+ getFirstName,
2105
+ getInitials,
2106
+ getLastName,
2107
+ getNextDay,
2108
+ getPercentage as getPercentage2,
2109
+ getRandom,
2110
+ getRandomAvatar,
2111
+ getRandomDate,
2112
+ getRandomNumber,
2113
+ getRandomString,
2114
+ getRandomTime,
2115
+ getTimeNow,
2116
+ getToday,
2117
+ getTomorrow,
2118
+ getYesterday,
2119
+ hexToRgb,
2120
+ emailRegex,
2121
+ passwordRegex,
2122
+ rgbToHex,
2123
+ scrollToTop as scrollToTop3,
2124
+ slugify as slugify2,
2125
+ sortByFrequency,
2126
+ stringifyPx as stringifyPx3,
2127
+ toCamelCase,
2128
+ toConstantCase,
2129
+ toDotCase,
2130
+ toKebabCase,
2131
+ toPascalCase,
2132
+ toPathCase,
2133
+ toSentenceCase as toSentenceCase3,
2134
+ toSnakeCase,
2135
+ toTitleCase,
2136
+ unslugify,
2137
+ uuid as uuid15
2138
+ } from "@julseb-lib/utils";
2085
2139
 
2086
2140
  // src/lib/hooks/useClickOutside.tsx
2087
2141
  import { useEffect } from "react";
@@ -5441,6 +5495,7 @@ var Input = (_a) => {
5441
5495
  labelComment,
5442
5496
  helper,
5443
5497
  helperBottom,
5498
+ containerClassName,
5444
5499
  validation: validation,
5445
5500
  value,
5446
5501
  counter: counter,
@@ -5453,6 +5508,7 @@ var Input = (_a) => {
5453
5508
  "labelComment",
5454
5509
  "helper",
5455
5510
  "helperBottom",
5511
+ "containerClassName",
5456
5512
  // @ts-ignore
5457
5513
  "validation",
5458
5514
  "value",
@@ -5473,6 +5529,7 @@ var Input = (_a) => {
5473
5529
  counter,
5474
5530
  maxLength,
5475
5531
  id,
5532
+ className: containerClassName,
5476
5533
  children: /* @__PURE__ */ jsx66(
5477
5534
  InputFunction,
5478
5535
  __spreadValues({
@@ -5544,7 +5601,8 @@ var InputImage = (_a) => {
5544
5601
  icons,
5545
5602
  borderRadius = "md",
5546
5603
  disabled,
5547
- id
5604
+ id,
5605
+ containerClassName
5548
5606
  } = _b, rest = __objRest(_b, [
5549
5607
  "className",
5550
5608
  "ref",
@@ -5557,7 +5615,8 @@ var InputImage = (_a) => {
5557
5615
  "icons",
5558
5616
  "borderRadius",
5559
5617
  "disabled",
5560
- "id"
5618
+ "id",
5619
+ "containerClassName"
5561
5620
  ]);
5562
5621
  const [isHovered, setIsHovered] = useState15(false);
5563
5622
  return /* @__PURE__ */ jsx69(
@@ -5568,6 +5627,7 @@ var InputImage = (_a) => {
5568
5627
  helper,
5569
5628
  helperBottom,
5570
5629
  validation,
5630
+ className: containerClassName,
5571
5631
  children: /* @__PURE__ */ jsxs23(
5572
5632
  "label",
5573
5633
  {
@@ -6890,7 +6950,8 @@ var InputPhone = (_a) => {
6890
6950
  helperBottom,
6891
6951
  validation,
6892
6952
  inputVariant,
6893
- inputBackground
6953
+ inputBackground,
6954
+ containerClassName
6894
6955
  } = _b, rest = __objRest(_b, [
6895
6956
  "className",
6896
6957
  "ref",
@@ -6909,7 +6970,8 @@ var InputPhone = (_a) => {
6909
6970
  "helperBottom",
6910
6971
  "validation",
6911
6972
  "inputVariant",
6912
- "inputBackground"
6973
+ "inputBackground",
6974
+ "containerClassName"
6913
6975
  ]);
6914
6976
  var _a2, _b2;
6915
6977
  const [isOpen, setIsOpen] = useState16(false);
@@ -6934,6 +6996,7 @@ var InputPhone = (_a) => {
6934
6996
  helperBottom,
6935
6997
  validation,
6936
6998
  hasListOpen: isOpen,
6999
+ className: containerClassName,
6937
7000
  children: /* @__PURE__ */ jsxs25(InputWithListWrapper, { isOpen, children: [
6938
7001
  /* @__PURE__ */ jsxs25(
6939
7002
  InputWrapper,
@@ -7111,7 +7174,8 @@ var InputCounter = (_a) => {
7111
7174
  id,
7112
7175
  min = 1,
7113
7176
  max = 100,
7114
- step = 1
7177
+ step = 1,
7178
+ containerClassName
7115
7179
  } = _b, rest = __objRest(_b, [
7116
7180
  "className",
7117
7181
  "ref",
@@ -7132,7 +7196,8 @@ var InputCounter = (_a) => {
7132
7196
  "id",
7133
7197
  "min",
7134
7198
  "max",
7135
- "step"
7199
+ "step",
7200
+ "containerClassName"
7136
7201
  ]);
7137
7202
  var _a2, _b2;
7138
7203
  return /* @__PURE__ */ jsx72(
@@ -7143,6 +7208,7 @@ var InputCounter = (_a) => {
7143
7208
  helper,
7144
7209
  helperBottom,
7145
7210
  id,
7211
+ className: containerClassName,
7146
7212
  children: /* @__PURE__ */ jsxs26(
7147
7213
  "div",
7148
7214
  {
@@ -7224,7 +7290,8 @@ var InputSlider = (_a) => {
7224
7290
  showValue = "never",
7225
7291
  min = 0,
7226
7292
  max = 100,
7227
- value
7293
+ value,
7294
+ containerClassName
7228
7295
  } = _b, rest = __objRest(_b, [
7229
7296
  "className",
7230
7297
  "ref",
@@ -7238,7 +7305,8 @@ var InputSlider = (_a) => {
7238
7305
  "showValue",
7239
7306
  "min",
7240
7307
  "max",
7241
- "value"
7308
+ "value",
7309
+ "containerClassName"
7242
7310
  ]);
7243
7311
  const percentage = (Number(value) - min) / (max - min) * 100;
7244
7312
  const [isTooltipVisible, setIsTooltipVisible] = useState17(
@@ -7275,6 +7343,7 @@ var InputSlider = (_a) => {
7275
7343
  helperBottom,
7276
7344
  id,
7277
7345
  validation,
7346
+ className: containerClassName,
7278
7347
  children: /* @__PURE__ */ jsxs27(
7279
7348
  "div",
7280
7349
  {
@@ -7348,7 +7417,8 @@ var Select = (_a) => {
7348
7417
  helperBottom,
7349
7418
  id,
7350
7419
  validation,
7351
- disabled
7420
+ disabled,
7421
+ containerClassName
7352
7422
  } = _b, rest = __objRest(_b, [
7353
7423
  "className",
7354
7424
  "ref",
@@ -7365,7 +7435,8 @@ var Select = (_a) => {
7365
7435
  "helperBottom",
7366
7436
  "id",
7367
7437
  "validation",
7368
- "disabled"
7438
+ "disabled",
7439
+ "containerClassName"
7369
7440
  ]);
7370
7441
  var _a2;
7371
7442
  const el = useRef10(null);
@@ -7386,6 +7457,7 @@ var Select = (_a) => {
7386
7457
  helperBottom,
7387
7458
  hasListOpen: isOpen,
7388
7459
  validation,
7460
+ className: containerClassName,
7389
7461
  children: /* @__PURE__ */ jsxs28(InputWithListWrapper, { ref: el, isOpen, children: [
7390
7462
  /* @__PURE__ */ jsx74(
7391
7463
  InputWrapper,
@@ -7500,7 +7572,8 @@ var Autocomplete = (_a) => {
7500
7572
  showKeys,
7501
7573
  textNoResult = "No result.",
7502
7574
  disabled,
7503
- validation
7575
+ validation,
7576
+ containerClassName
7504
7577
  } = _b, rest = __objRest(_b, [
7505
7578
  "className",
7506
7579
  "ref",
@@ -7521,7 +7594,8 @@ var Autocomplete = (_a) => {
7521
7594
  "showKeys",
7522
7595
  "textNoResult",
7523
7596
  "disabled",
7524
- "validation"
7597
+ "validation",
7598
+ "containerClassName"
7525
7599
  ]);
7526
7600
  var _a2;
7527
7601
  const isTouchScreen = useTouchScreen();
@@ -7552,6 +7626,7 @@ var Autocomplete = (_a) => {
7552
7626
  id,
7553
7627
  validation,
7554
7628
  hasListOpen: isOpen,
7629
+ className: containerClassName,
7555
7630
  children: /* @__PURE__ */ jsxs29(InputWithListWrapper, { isOpen, children: [
7556
7631
  /* @__PURE__ */ jsxs29(
7557
7632
  InputWrapper,
@@ -7665,7 +7740,8 @@ var Rating = (_a) => {
7665
7740
  helper,
7666
7741
  helperBottom,
7667
7742
  id,
7668
- validation
7743
+ validation,
7744
+ containerClassName
7669
7745
  } = _b, rest = __objRest(_b, [
7670
7746
  "className",
7671
7747
  "ref",
@@ -7678,7 +7754,8 @@ var Rating = (_a) => {
7678
7754
  "helper",
7679
7755
  "helperBottom",
7680
7756
  "id",
7681
- "validation"
7757
+ "validation",
7758
+ "containerClassName"
7682
7759
  ]);
7683
7760
  return /* @__PURE__ */ jsx76(
7684
7761
  InputContainer,
@@ -7688,6 +7765,7 @@ var Rating = (_a) => {
7688
7765
  helper,
7689
7766
  helperBottom,
7690
7767
  id,
7768
+ className: containerClassName,
7691
7769
  children: /* @__PURE__ */ jsx76(
7692
7770
  "div",
7693
7771
  __spreadProps(__spreadValues({
@@ -7750,7 +7828,8 @@ var InputPin = (_a) => {
7750
7828
  hideValues,
7751
7829
  disabled,
7752
7830
  inputBackground,
7753
- autoFocus
7831
+ autoFocus,
7832
+ containerClassName
7754
7833
  } = _b, rest = __objRest(_b, [
7755
7834
  "className",
7756
7835
  "ref",
@@ -7766,7 +7845,8 @@ var InputPin = (_a) => {
7766
7845
  "hideValues",
7767
7846
  "disabled",
7768
7847
  "inputBackground",
7769
- "autoFocus"
7848
+ "autoFocus",
7849
+ "containerClassName"
7770
7850
  ]);
7771
7851
  const [inputsRefsArr] = useState18(
7772
7852
  () => Array.from({ length: Object.keys(values).length }, () => createRef())
@@ -7787,6 +7867,7 @@ var InputPin = (_a) => {
7787
7867
  helperBottom,
7788
7868
  id,
7789
7869
  validation,
7870
+ className: containerClassName,
7790
7871
  children: /* @__PURE__ */ jsx77(
7791
7872
  "div",
7792
7873
  __spreadProps(__spreadValues({
@@ -7843,7 +7924,8 @@ var Fieldset = (_a) => {
7843
7924
  id,
7844
7925
  validation,
7845
7926
  legend,
7846
- borderRadius = "md"
7927
+ borderRadius = "md",
7928
+ containerClassName
7847
7929
  } = _b, rest = __objRest(_b, [
7848
7930
  "className",
7849
7931
  "ref",
@@ -7855,7 +7937,8 @@ var Fieldset = (_a) => {
7855
7937
  "id",
7856
7938
  "validation",
7857
7939
  "legend",
7858
- "borderRadius"
7940
+ "borderRadius",
7941
+ "containerClassName"
7859
7942
  ]);
7860
7943
  return /* @__PURE__ */ jsx78(
7861
7944
  InputContainer,
@@ -7866,6 +7949,7 @@ var Fieldset = (_a) => {
7866
7949
  helperBottom,
7867
7950
  id,
7868
7951
  validation,
7952
+ className: containerClassName,
7869
7953
  children: /* @__PURE__ */ jsxs30(
7870
7954
  "fieldset",
7871
7955
  __spreadProps(__spreadValues({
@@ -10615,7 +10699,8 @@ var MarkdownEditor = (_a) => {
10615
10699
  defaultView = "live",
10616
10700
  options,
10617
10701
  textButtonTitles = "Titles",
10618
- icons
10702
+ icons,
10703
+ containerClassName
10619
10704
  } = _b, rest = __objRest(_b, [
10620
10705
  "className",
10621
10706
  "ref",
@@ -10631,7 +10716,8 @@ var MarkdownEditor = (_a) => {
10631
10716
  "defaultView",
10632
10717
  "options",
10633
10718
  "textButtonTitles",
10634
- "icons"
10719
+ "icons",
10720
+ "containerClassName"
10635
10721
  ]);
10636
10722
  const [view, setView] = useState25(defaultView);
10637
10723
  const [isTitlesOpen, setIsTitlesOpen] = useState25(false);
@@ -10650,6 +10736,7 @@ var MarkdownEditor = (_a) => {
10650
10736
  helperBottom,
10651
10737
  validation,
10652
10738
  hasListOpen: isTitlesOpen,
10739
+ className: containerClassName,
10653
10740
  children: /* @__PURE__ */ jsxs49(
10654
10741
  "div",
10655
10742
  {
@@ -11494,8 +11581,27 @@ export {
11494
11581
  Tooltip,
11495
11582
  URL_REGEX,
11496
11583
  Wrapper,
11584
+ addDay,
11585
+ addMonth,
11586
+ addYear,
11587
+ calculateAverage,
11588
+ calculateTotalSum,
11589
+ capitalize,
11497
11590
  clsx,
11591
+ convertDate,
11592
+ convertDateShort,
11593
+ convertPrice,
11594
+ convertToEmail,
11595
+ convertYoutube,
11596
+ deleteDuplicates,
11498
11597
  designTokens,
11598
+ detectLanguage2 as detectLanguage,
11599
+ disableScroll4 as disableScroll,
11600
+ emailRegex,
11601
+ enableScroll4 as enableScroll,
11602
+ filterObject,
11603
+ formatDate,
11604
+ formatHour,
11499
11605
  genAlignContent,
11500
11606
  genAlignItems,
11501
11607
  genBgAllColors,
@@ -11530,10 +11636,43 @@ export {
11530
11636
  genTextColorHover,
11531
11637
  genTextColorShort,
11532
11638
  genVAlign,
11639
+ generateNumbers3 as generateNumbers,
11640
+ getFirstName,
11641
+ getInitials,
11642
+ getLastName,
11643
+ getNextDay,
11644
+ getPercentage2 as getPercentage,
11645
+ getRandom,
11646
+ getRandomAvatar,
11647
+ getRandomDate,
11648
+ getRandomNumber,
11649
+ getRandomString,
11650
+ getRandomTime,
11651
+ getTimeNow,
11652
+ getToday,
11653
+ getTomorrow,
11654
+ getYesterday,
11655
+ hexToRgb,
11533
11656
  libMarkdownEditorOptions,
11534
11657
  libOptionsMarkdown,
11535
11658
  linkifyText,
11659
+ passwordRegex,
11660
+ rgbToHex,
11661
+ scrollToTop3 as scrollToTop,
11662
+ slugify2 as slugify,
11663
+ sortByFrequency,
11664
+ stringifyPx3 as stringifyPx,
11665
+ toCamelCase,
11666
+ toConstantCase,
11667
+ toDotCase,
11668
+ toKebabCase,
11669
+ toPascalCase,
11670
+ toPathCase,
11671
+ toSentenceCase3 as toSentenceCase,
11672
+ toSnakeCase,
11673
+ toTitleCase,
11536
11674
  toast,
11675
+ unslugify,
11537
11676
  useClickOutside,
11538
11677
  useCopyToClipboard,
11539
11678
  useDebounce,
@@ -11549,6 +11688,7 @@ export {
11549
11688
  usePaginatedData,
11550
11689
  usePagination,
11551
11690
  useTouchScreen,
11552
- useTranslation
11691
+ useTranslation,
11692
+ uuid15 as uuid
11553
11693
  };
11554
11694
  //# sourceMappingURL=index.js.map