@julseb-lib/react 0.1.39 → 0.1.42

package/dist/index.cjs

@@ -47,7 +47,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -177,8 +176,27 @@ __export(index_exports, {
   Tooltip: () => Tooltip,
   URL_REGEX: () => URL_REGEX,
   Wrapper: () => Wrapper,
+  addDay: () => import_utils150.addDay,
+  addMonth: () => import_utils150.addMonth,
+  addYear: () => import_utils150.addYear,
+  calculateAverage: () => import_utils150.calculateAverage,
+  calculateTotalSum: () => import_utils150.calculateTotalSum,
+  capitalize: () => import_utils150.capitalize,
   clsx: () => clsx,
+  convertDate: () => import_utils150.convertDate,
+  convertDateShort: () => import_utils150.convertDateShort,
+  convertPrice: () => import_utils150.convertPrice,
+  convertToEmail: () => import_utils150.convertToEmail,
+  convertYoutube: () => import_utils150.convertYoutube,
+  deleteDuplicates: () => import_utils150.deleteDuplicates,
   designTokens: () => designTokens,
+  detectLanguage: () => import_utils150.detectLanguage,
+  disableScroll: () => import_utils150.disableScroll,
+  emailRegex: () => import_utils150.emailRegex,
+  enableScroll: () => import_utils150.enableScroll,
+  filterObject: () => import_utils150.filterObject,
+  formatDate: () => import_utils150.formatDate,
+  formatHour: () => import_utils150.formatHour,
   genAlignContent: () => genAlignContent,
   genAlignItems: () => genAlignItems,
   genBgAllColors: () => genBgAllColors,
@@ -213,10 +231,43 @@ __export(index_exports, {
   genTextColorHover: () => genTextColorHover,
   genTextColorShort: () => genTextColorShort,
   genVAlign: () => genVAlign,
+  generateNumbers: () => import_utils150.generateNumbers,
+  getFirstName: () => import_utils150.getFirstName,
+  getInitials: () => import_utils150.getInitials,
+  getLastName: () => import_utils150.getLastName,
+  getNextDay: () => import_utils150.getNextDay,
+  getPercentage: () => import_utils150.getPercentage,
+  getRandom: () => import_utils150.getRandom,
+  getRandomAvatar: () => import_utils150.getRandomAvatar,
+  getRandomDate: () => import_utils150.getRandomDate,
+  getRandomNumber: () => import_utils150.getRandomNumber,
+  getRandomString: () => import_utils150.getRandomString,
+  getRandomTime: () => import_utils150.getRandomTime,
+  getTimeNow: () => import_utils150.getTimeNow,
+  getToday: () => import_utils150.getToday,
+  getTomorrow: () => import_utils150.getTomorrow,
+  getYesterday: () => import_utils150.getYesterday,
+  hexToRgb: () => import_utils150.hexToRgb,
   libMarkdownEditorOptions: () => libMarkdownEditorOptions,
   libOptionsMarkdown: () => libOptionsMarkdown,
   linkifyText: () => linkifyText,
+  passwordRegex: () => import_utils150.passwordRegex,
+  rgbToHex: () => import_utils150.rgbToHex,
+  scrollToTop: () => import_utils150.scrollToTop,
+  slugify: () => import_utils150.slugify,
+  sortByFrequency: () => import_utils150.sortByFrequency,
+  stringifyPx: () => import_utils150.stringifyPx,
+  toCamelCase: () => import_utils150.toCamelCase,
+  toConstantCase: () => import_utils150.toConstantCase,
+  toDotCase: () => import_utils150.toDotCase,
+  toKebabCase: () => import_utils150.toKebabCase,
+  toPascalCase: () => import_utils150.toPascalCase,
+  toPathCase: () => import_utils150.toPathCase,
+  toSentenceCase: () => import_utils150.toSentenceCase,
+  toSnakeCase: () => import_utils150.toSnakeCase,
+  toTitleCase: () => import_utils150.toTitleCase,
   toast: () => toast,
+  unslugify: () => import_utils150.unslugify,
   useClickOutside: () => useClickOutside,
   useCopyToClipboard: () => useCopyToClipboard,
   useDebounce: () => useDebounce,
@@ -232,7 +283,8 @@ __export(index_exports, {
   usePaginatedData: () => usePaginatedData,
   usePagination: () => usePagination,
   useTouchScreen: () => useTouchScreen,
-  useTranslation: () => useTranslation
+  useTranslation: () => useTranslation,
+  uuid: () => import_utils150.uuid
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2266,7 +2318,7 @@ var genRingColorChildren = {
 };
 
 // src/lib/index.ts
-__reExport(index_exports, require("@julseb-lib/utils"), module.exports);
+var import_utils150 = require("@julseb-lib/utils");
 
 // src/lib/hooks/useClickOutside.tsx
 var import_react2 = require("react");
@@ -5621,6 +5673,7 @@ var Input = (_a) => {
     labelComment,
     helper,
     helperBottom,
+    containerClassName,
     validation: validation,
     value,
     counter: counter,
@@ -5633,6 +5686,7 @@ var Input = (_a) => {
     "labelComment",
     "helper",
     "helperBottom",
+    "containerClassName",
     // @ts-ignore
     "validation",
     "value",
@@ -5653,6 +5707,7 @@ var Input = (_a) => {
       counter,
       maxLength,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         InputFunction,
         __spreadValues({
@@ -5724,7 +5779,8 @@ var InputImage = (_a) => {
     icons,
     borderRadius = "md",
     disabled,
-    id
+    id,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -5737,7 +5793,8 @@ var InputImage = (_a) => {
     "icons",
     "borderRadius",
     "disabled",
-    "id"
+    "id",
+    "containerClassName"
   ]);
   const [isHovered, setIsHovered] = (0, import_react28.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -5748,6 +5805,7 @@ var InputImage = (_a) => {
       helper,
       helperBottom,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
         "label",
         {
@@ -7070,7 +7128,8 @@ var InputPhone = (_a) => {
     helperBottom,
     validation,
     inputVariant,
-    inputBackground
+    inputBackground,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7089,7 +7148,8 @@ var InputPhone = (_a) => {
     "helperBottom",
     "validation",
     "inputVariant",
-    "inputBackground"
+    "inputBackground",
+    "containerClassName"
   ]);
   var _a2, _b2;
   const [isOpen, setIsOpen] = (0, import_react29.useState)(false);
@@ -7114,6 +7174,7 @@ var InputPhone = (_a) => {
       helperBottom,
       validation,
       hasListOpen: isOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(InputWithListWrapper, { isOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
           InputWrapper,
@@ -7291,7 +7352,8 @@ var InputCounter = (_a) => {
     id,
     min = 1,
     max = 100,
-    step = 1
+    step = 1,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7312,7 +7374,8 @@ var InputCounter = (_a) => {
     "id",
     "min",
     "max",
-    "step"
+    "step",
+    "containerClassName"
   ]);
   var _a2, _b2;
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
@@ -7323,6 +7386,7 @@ var InputCounter = (_a) => {
       helper,
       helperBottom,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
         "div",
         {
@@ -7404,7 +7468,8 @@ var InputSlider = (_a) => {
     showValue = "never",
     min = 0,
     max = 100,
-    value
+    value,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7418,7 +7483,8 @@ var InputSlider = (_a) => {
     "showValue",
     "min",
     "max",
-    "value"
+    "value",
+    "containerClassName"
   ]);
   const percentage = (Number(value) - min) / (max - min) * 100;
   const [isTooltipVisible, setIsTooltipVisible] = (0, import_react30.useState)(
@@ -7455,6 +7521,7 @@ var InputSlider = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
         "div",
         {
@@ -7528,7 +7595,8 @@ var Select = (_a) => {
     helperBottom,
     id,
     validation,
-    disabled
+    disabled,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7545,7 +7613,8 @@ var Select = (_a) => {
     "helperBottom",
     "id",
     "validation",
-    "disabled"
+    "disabled",
+    "containerClassName"
   ]);
   var _a2;
   const el = (0, import_react31.useRef)(null);
@@ -7566,6 +7635,7 @@ var Select = (_a) => {
       helperBottom,
       hasListOpen: isOpen,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(InputWithListWrapper, { ref: el, isOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           InputWrapper,
@@ -7680,7 +7750,8 @@ var Autocomplete = (_a) => {
     showKeys,
     textNoResult = "No result.",
     disabled,
-    validation
+    validation,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7701,7 +7772,8 @@ var Autocomplete = (_a) => {
     "showKeys",
     "textNoResult",
     "disabled",
-    "validation"
+    "validation",
+    "containerClassName"
   ]);
   var _a2;
   const isTouchScreen = useTouchScreen();
@@ -7732,6 +7804,7 @@ var Autocomplete = (_a) => {
       id,
       validation,
       hasListOpen: isOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(InputWithListWrapper, { isOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
           InputWrapper,
@@ -7845,7 +7918,8 @@ var Rating = (_a) => {
     helper,
     helperBottom,
     id,
-    validation
+    validation,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7858,7 +7932,8 @@ var Rating = (_a) => {
     "helper",
     "helperBottom",
     "id",
-    "validation"
+    "validation",
+    "containerClassName"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     InputContainer,
@@ -7868,6 +7943,7 @@ var Rating = (_a) => {
       helper,
       helperBottom,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "div",
         __spreadProps(__spreadValues({
@@ -7930,7 +8006,8 @@ var InputPin = (_a) => {
     hideValues,
     disabled,
     inputBackground,
-    autoFocus
+    autoFocus,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7946,7 +8023,8 @@ var InputPin = (_a) => {
     "hideValues",
     "disabled",
     "inputBackground",
-    "autoFocus"
+    "autoFocus",
+    "containerClassName"
   ]);
   const [inputsRefsArr] = (0, import_react33.useState)(
     () => Array.from({ length: Object.keys(values).length }, () => (0, import_react33.createRef)())
@@ -7967,6 +8045,7 @@ var InputPin = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "div",
         __spreadProps(__spreadValues({
@@ -8023,7 +8102,8 @@ var Fieldset = (_a) => {
     id,
     validation,
     legend,
-    borderRadius = "md"
+    borderRadius = "md",
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -8035,7 +8115,8 @@ var Fieldset = (_a) => {
     "id",
     "validation",
     "legend",
-    "borderRadius"
+    "borderRadius",
+    "containerClassName"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     InputContainer,
@@ -8046,6 +8127,7 @@ var Fieldset = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "fieldset",
         __spreadProps(__spreadValues({
@@ -10775,7 +10857,8 @@ var MarkdownEditor = (_a) => {
     defaultView = "live",
     options,
     textButtonTitles = "Titles",
-    icons
+    icons,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -10791,7 +10874,8 @@ var MarkdownEditor = (_a) => {
     "defaultView",
     "options",
     "textButtonTitles",
-    "icons"
+    "icons",
+    "containerClassName"
   ]);
   const [view, setView] = (0, import_react50.useState)(defaultView);
   const [isTitlesOpen, setIsTitlesOpen] = (0, import_react50.useState)(false);
@@ -10810,6 +10894,7 @@ var MarkdownEditor = (_a) => {
       helperBottom,
       validation,
       hasListOpen: isTitlesOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
         "div",
         {
@@ -11655,8 +11740,27 @@ var SrOnly = ({ element = "div", ref, children }) => {
   Tooltip,
   URL_REGEX,
   Wrapper,
+  addDay,
+  addMonth,
+  addYear,
+  calculateAverage,
+  calculateTotalSum,
+  capitalize,
   clsx,
+  convertDate,
+  convertDateShort,
+  convertPrice,
+  convertToEmail,
+  convertYoutube,
+  deleteDuplicates,
   designTokens,
+  detectLanguage,
+  disableScroll,
+  emailRegex,
+  enableScroll,
+  filterObject,
+  formatDate,
+  formatHour,
   genAlignContent,
   genAlignItems,
   genBgAllColors,
@@ -11691,10 +11795,43 @@ var SrOnly = ({ element = "div", ref, children }) => {
   genTextColorHover,
   genTextColorShort,
   genVAlign,
+  generateNumbers,
+  getFirstName,
+  getInitials,
+  getLastName,
+  getNextDay,
+  getPercentage,
+  getRandom,
+  getRandomAvatar,
+  getRandomDate,
+  getRandomNumber,
+  getRandomString,
+  getRandomTime,
+  getTimeNow,
+  getToday,
+  getTomorrow,
+  getYesterday,
+  hexToRgb,
   libMarkdownEditorOptions,
   libOptionsMarkdown,
   linkifyText,
+  passwordRegex,
+  rgbToHex,
+  scrollToTop,
+  slugify,
+  sortByFrequency,
+  stringifyPx,
+  toCamelCase,
+  toConstantCase,
+  toDotCase,
+  toKebabCase,
+  toPascalCase,
+  toPathCase,
+  toSentenceCase,
+  toSnakeCase,
+  toTitleCase,
   toast,
+  unslugify,
   useClickOutside,
   useCopyToClipboard,
   useDebounce,
@@ -11711,6 +11848,6 @@ var SrOnly = ({ element = "div", ref, children }) => {
   usePagination,
   useTouchScreen,
   useTranslation,
-  ...require("@julseb-lib/utils")
+  uuid
 });
 //# sourceMappingURL=index.cjs.map