@activecollab/components 2.0.304 → 2.0.307

package/dist/esm/utils/timeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.js","names":["formatNumber","formatHours","num","withLeadingZeroHours","trimZeroMinutes","format","indexOf","_hours","_minutes","split","length","Number","withLeadingZero","String","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutesFormatted","Math","round","parseInt","size","s","isInteger","isValidTime","undefined","test"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["import { formatNumber } from \"./currencyUtils\";\nimport { FormatType } from \"./types\";\n\n/**\n * @function formatHours\n * @description\n * Formats a decimal number representing hours into a formatted string (HH:MM) or a short form if needed.\n * The input can be a number, string, or undefined. It handles various formats and can optionally add a\n * leading zero to the hours component. With the new \"format\" argument, if set to \"short\" and the value is\n * greater than or equal to 1000, it will return a shortened format (e.g., 1K) similar to formatNumber.\n *\n * @param {number | string | undefined} num - The input representing the hours.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part.\n * @param {boolean} [trimZeroMinutes=false] - Whether to remove minutes if they are zero.\n * @param {\"long\" | \"short\"} [format=\"long\"] - The format type, either \"long\" for full numbers or \"short\" for abbreviated output.\n *\n * @returns {string} - A formatted time string or a shortened string.\n *\n * @example\n * formatHours(1.5) // \"1:30\"\n * formatHours(\"3.5\", true) // \"03:30\"\n * formatHours(1500, false, false, \"short\") // \"1K\" (using formatNumber)\n */\nexport const formatHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false,\n  trimZeroMinutes = false,\n  format: FormatType = \"long\"\n): string => {\n  // Handle the explicit zero case.\n  if (num === 0 || num === \"0\") {\n    return trimZeroMinutes ? \"0\" : withLeadingZeroHours ? \"00:00\" : \"0:00\";\n  }\n  if (!num) {\n    return \"\";\n  }\n\n  // If the input is in colon format, process it as before.\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    // eslint-disable-next-line prefer-const\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (trimZeroMinutes && _minutes === \"00\") {\n        return withLeadingZeroHours\n          ? withLeadingZero(_hours)\n          : String(Number(_hours));\n      }\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:${_minutes}`\n        : `${_hours}:${_minutes}`;\n    } else if (_hours && !_minutes) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_hours && !_minutes) {\n      return withLeadingZeroHours ? \"00:00\" : \"0:00\";\n    }\n    return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n  }\n\n  // Replace comma with dot if needed.\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  // Use short formatting if specified and the value is >= 1000.\n  if (format === \"short\" && input >= 1000) {\n    return formatNumber(input, \",\", \".\", true, 2, \"short\");\n  }\n\n  // For whole numbers.\n  if (!isDecimal(input)) {\n    if (trimZeroMinutes) {\n      return withLeadingZeroHours\n        ? withLeadingZero(input)\n        : String(Number(input));\n    }\n    return withLeadingZeroHours\n      ? `${withLeadingZero(input)}:00`\n      : `${input}:00`;\n  }\n\n  // Process decimal hours.\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutesFormatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  if (trimZeroMinutes && minutesFormatted === 0) {\n    return hours;\n  }\n\n  return `${hours}:${withLeadingZero(minutesFormatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n\nexport const isValidTime = (time: string | undefined): boolean => {\n  return time === undefined || /^([01]\\d|2[0-3]):([0-5]\\d)$/.test(time);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"timeUtils.js","names":["formatNumber","formatHours","num","withLeadingZeroHours","trimZeroMinutes","format","indexOf","_num$split","split","_hours","_minutes","length","Number","withLeadingZero","String","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutesFormatted","Math","round","parseInt","size","s","isInteger","isValidTime","undefined","test"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["import { formatNumber } from \"./currencyUtils\";\nimport { FormatType } from \"./types\";\n\n/**\n * @function formatHours\n * @description\n * Formats a decimal number representing hours into a formatted string (HH:MM) or a short form if needed.\n * The input can be a number, string, or undefined. It handles various formats and can optionally add a\n * leading zero to the hours component. With the new \"format\" argument, if set to \"short\" and the value is\n * greater than or equal to 1000, it will return a shortened format (e.g., 1K) similar to formatNumber.\n *\n * @param {number | string | undefined} num - The input representing the hours.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part.\n * @param {boolean} [trimZeroMinutes=false] - Whether to remove minutes if they are zero.\n * @param {\"long\" | \"short\"} [format=\"long\"] - The format type, either \"long\" for full numbers or \"short\" for abbreviated output.\n *\n * @returns {string} - A formatted time string or a shortened string.\n *\n * @example\n * formatHours(1.5) // \"1:30\"\n * formatHours(\"3.5\", true) // \"03:30\"\n * formatHours(1500, false, false, \"short\") // \"1K\" (using formatNumber)\n */\nexport const formatHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false,\n  trimZeroMinutes = false,\n  format: FormatType = \"long\"\n): string => {\n  // Handle the explicit zero case.\n  if (num === 0 || num === \"0\") {\n    return trimZeroMinutes ? \"0\" : withLeadingZeroHours ? \"00:00\" : \"0:00\";\n  }\n  if (!num) {\n    return \"\";\n  }\n\n  // If the input is in colon format, process it as before.\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    // eslint-disable-next-line prefer-const\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (trimZeroMinutes && _minutes === \"00\") {\n        return withLeadingZeroHours\n          ? withLeadingZero(_hours)\n          : String(Number(_hours));\n      }\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:${_minutes}`\n        : `${_hours}:${_minutes}`;\n    } else if (_hours && !_minutes) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_hours && !_minutes) {\n      return withLeadingZeroHours ? \"00:00\" : \"0:00\";\n    }\n    return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n  }\n\n  // Replace comma with dot if needed.\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  // Use short formatting if specified and the value is >= 1000.\n  if (format === \"short\" && input >= 1000) {\n    return formatNumber(input, \",\", \".\", true, 2, \"short\");\n  }\n\n  // For whole numbers.\n  if (!isDecimal(input)) {\n    if (trimZeroMinutes) {\n      return withLeadingZeroHours\n        ? withLeadingZero(input)\n        : String(Number(input));\n    }\n    return withLeadingZeroHours\n      ? `${withLeadingZero(input)}:00`\n      : `${input}:00`;\n  }\n\n  // Process decimal hours.\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutesFormatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  if (trimZeroMinutes && minutesFormatted === 0) {\n    return hours;\n  }\n\n  return `${hours}:${withLeadingZero(minutesFormatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n\nexport const isValidTime = (time: string | undefined): boolean => {\n  return time === undefined || /^([01]\\d|2[0-3]):([0-5]\\d)$/.test(time);\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/utils/useResizeObserver.js

@@ -1,7 +1,9 @@
 import { useState, useEffect } from "react";
 import ResizeObserver from "resize-observer-polyfill";
 const useResizeObserver = ref => {
-  const [dimensions, setDimensions] = useState();
+  const _useState = useState(),
+    dimensions = _useState[0],
+    setDimensions = _useState[1];
   useEffect(() => {
     const observeTarget = ref == null ? void 0 : ref.current;
     const resizeObserver = new ResizeObserver(entries => {

package/dist/esm/utils/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","names":["useState","useEffect","ResizeObserver","useResizeObserver","ref","dimensions","setDimensions","observeTarget","current","resizeObserver","entries","forEach","entry","contentRect","observe","unobserve"],"sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst useResizeObserver = (ref: { current?: HTMLElement | null }) => {\n  const [dimensions, setDimensions] = useState<DOMRectReadOnly>();\n\n  useEffect(() => {\n    const observeTarget = ref?.current;\n    const resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        entries.forEach((entry) => {\n          setDimensions(entry.contentRect);\n        });\n      }\n    );\n\n    observeTarget && resizeObserver.observe(observeTarget);\n\n    return () => {\n      observeTarget && resizeObserver.unobserve(observeTarget);\n    };\n  }, [ref]);\n\n  return dimensions;\n};\n\nexport default useResizeObserver;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE3C,OAAOC,cAAc,MAAM,0BAA0B;AAErD,MAAMC,iBAAiB,GAAIC,GAAqC,IAAK;EACnE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGN,QAAQ,CAAkB,CAAC;EAE/DC,SAAS,CAAC,MAAM;IACd,MAAMM,aAAa,GAAGH,GAAG,oBAAHA,GAAG,CAAEI,OAAO;IAClC,MAAMC,cAAc,GAAG,IAAIP,cAAc,CACtCQ,OAA8B,IAAK;MAClCA,OAAO,CAACC,OAAO,CAAEC,KAAK,IAAK;QACzBN,aAAa,CAACM,KAAK,CAACC,WAAW,CAAC;MAClC,CAAC,CAAC;IACJ,CACF,CAAC;IAEDN,aAAa,IAAIE,cAAc,CAACK,OAAO,CAACP,aAAa,CAAC;IAEtD,OAAO,MAAM;MACXA,aAAa,IAAIE,cAAc,CAACM,SAAS,CAACR,aAAa,CAAC;IAC1D,CAAC;EACH,CAAC,EAAE,CAACH,GAAG,CAAC,CAAC;EAET,OAAOC,UAAU;AACnB,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}
+{"version":3,"file":"useResizeObserver.js","names":["useState","useEffect","ResizeObserver","useResizeObserver","ref","_useState","dimensions","setDimensions","observeTarget","current","resizeObserver","entries","forEach","entry","contentRect","observe","unobserve"],"sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst useResizeObserver = (ref: { current?: HTMLElement | null }) => {\n  const [dimensions, setDimensions] = useState<DOMRectReadOnly>();\n\n  useEffect(() => {\n    const observeTarget = ref?.current;\n    const resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        entries.forEach((entry) => {\n          setDimensions(entry.contentRect);\n        });\n      }\n    );\n\n    observeTarget && resizeObserver.observe(observeTarget);\n\n    return () => {\n      observeTarget && resizeObserver.unobserve(observeTarget);\n    };\n  }, [ref]);\n\n  return dimensions;\n};\n\nexport default useResizeObserver;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE3C,OAAOC,cAAc,MAAM,0BAA0B;AAErD,MAAMC,iBAAiB,GAAIC,GAAqC,IAAK;EACnE,MAAAC,SAAA,GAAoCL,QAAQ,CAAkB,CAAC;IAAxDM,UAAU,GAAAD,SAAA;IAAEE,aAAa,GAAAF,SAAA;EAEhCJ,SAAS,CAAC,MAAM;IACd,MAAMO,aAAa,GAAGJ,GAAG,oBAAHA,GAAG,CAAEK,OAAO;IAClC,MAAMC,cAAc,GAAG,IAAIR,cAAc,CACtCS,OAA8B,IAAK;MAClCA,OAAO,CAACC,OAAO,CAAEC,KAAK,IAAK;QACzBN,aAAa,CAACM,KAAK,CAACC,WAAW,CAAC;MAClC,CAAC,CAAC;IACJ,CACF,CAAC;IAEDN,aAAa,IAAIE,cAAc,CAACK,OAAO,CAACP,aAAa,CAAC;IAEtD,OAAO,MAAM;MACXA,aAAa,IAAIE,cAAc,CAACM,SAAS,CAACR,aAAa,CAAC;IAC1D,CAAC;EACH,CAAC,EAAE,CAACJ,GAAG,CAAC,CAAC;EAET,OAAOE,UAAU;AACnB,CAAC;AAED,eAAeH,iBAAiB","ignoreList":[]}

package/dist/esm/utils/useResizeObserver.test.js

@@ -5,9 +5,8 @@ describe("useResizeObserver", () => {
     const ref = {
       current: undefined
     };
-    const {
-      result
-    } = renderHook(() => useResizeObserver(ref));
+    const _renderHook = renderHook(() => useResizeObserver(ref)),
+      result = _renderHook.result;
     expect(result.current).toBeUndefined();
   });
   it("should test real element", () => {
@@ -16,9 +15,8 @@ describe("useResizeObserver", () => {
     const ref = {
       current: div
     };
-    const {
-      result
-    } = renderHook(() => useResizeObserver(ref));
+    const _renderHook2 = renderHook(() => useResizeObserver(ref)),
+      result = _renderHook2.result;
     expect(result.current).toBeUndefined();
   });
 });

package/dist/esm/utils/useResizeObserver.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.test.js","names":["renderHook","useResizeObserver","describe","it","ref","current","undefined","result","expect","toBeUndefined","div","document","createElement","body","appendChild"],"sources":["../../../src/utils/useResizeObserver.test.ts"],"sourcesContent":["import { renderHook } from \"@testing-library/react\";\n\nimport useResizeObserver from \"./useResizeObserver\";\n\ndescribe(\"useResizeObserver\", () => {\n  it(\"should test\", () => {\n    const ref = { current: undefined };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n\n  it(\"should test real element\", () => {\n    const div = document.createElement(\"div\");\n    document.body.appendChild(div);\n    const ref = { current: div };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,wBAAwB;AAEnD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnDC,QAAQ,CAAC,mBAAmB,EAAE,MAAM;EAClCC,EAAE,CAAC,aAAa,EAAE,MAAM;IACtB,MAAMC,GAAG,GAAG;MAAEC,OAAO,EAAEC;IAAU,CAAC;IAClC,MAAM;MAAEC;IAAO,CAAC,GAAGP,UAAU,CAAC,MAAMC,iBAAiB,CAACG,GAAG,CAAC,CAAC;IAC3DI,MAAM,CAACD,MAAM,CAACF,OAAO,CAAC,CAACI,aAAa,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFN,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnC,MAAMO,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IACzCD,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACJ,GAAG,CAAC;IAC9B,MAAMN,GAAG,GAAG;MAAEC,OAAO,EAAEK;IAAI,CAAC;IAC5B,MAAM;MAAEH;IAAO,CAAC,GAAGP,UAAU,CAAC,MAAMC,iBAAiB,CAACG,GAAG,CAAC,CAAC;IAC3DI,MAAM,CAACD,MAAM,CAACF,OAAO,CAAC,CAACI,aAAa,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"useResizeObserver.test.js","names":["renderHook","useResizeObserver","describe","it","ref","current","undefined","_renderHook","result","expect","toBeUndefined","div","document","createElement","body","appendChild","_renderHook2"],"sources":["../../../src/utils/useResizeObserver.test.ts"],"sourcesContent":["import { renderHook } from \"@testing-library/react\";\n\nimport useResizeObserver from \"./useResizeObserver\";\n\ndescribe(\"useResizeObserver\", () => {\n  it(\"should test\", () => {\n    const ref = { current: undefined };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n\n  it(\"should test real element\", () => {\n    const div = document.createElement(\"div\");\n    document.body.appendChild(div);\n    const ref = { current: div };\n    const { result } = renderHook(() => useResizeObserver(ref));\n    expect(result.current).toBeUndefined();\n  });\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,wBAAwB;AAEnD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnDC,QAAQ,CAAC,mBAAmB,EAAE,MAAM;EAClCC,EAAE,CAAC,aAAa,EAAE,MAAM;IACtB,MAAMC,GAAG,GAAG;MAAEC,OAAO,EAAEC;IAAU,CAAC;IAClC,MAAAC,WAAA,GAAmBP,UAAU,CAAC,MAAMC,iBAAiB,CAACG,GAAG,CAAC,CAAC;MAAnDI,MAAM,GAAAD,WAAA,CAANC,MAAM;IACdC,MAAM,CAACD,MAAM,CAACH,OAAO,CAAC,CAACK,aAAa,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFP,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnC,MAAMQ,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IACzCD,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACJ,GAAG,CAAC;IAC9B,MAAMP,GAAG,GAAG;MAAEC,OAAO,EAAEM;IAAI,CAAC;IAC5B,MAAAK,YAAA,GAAmBhB,UAAU,CAAC,MAAMC,iBAAiB,CAACG,GAAG,CAAC,CAAC;MAAnDI,MAAM,GAAAQ,YAAA,CAANR,MAAM;IACdC,MAAM,CAACD,MAAM,CAACH,OAAO,CAAC,CAACK,aAAa,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}