@addev-be/ui 0.21.3 → 0.21.5

package/dist/helpers/numbers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
+exports.getCurrencySymbol = exports.parseNumber = exports.decimalSeparator = exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
 var formatMoney = function (number, decimals, currency) {
     if (decimals === void 0) { decimals = 2; }
     if (currency === void 0) { currency = 'EUR'; }
@@ -9,6 +9,7 @@ var formatMoney = function (number, decimals, currency) {
         currency: currency,
         minimumFractionDigits: decimals,
         maximumFractionDigits: decimals,
+        currencyDisplay: 'narrowSymbol',
     }).format(number);
 };
 exports.formatMoney = formatMoney;
@@ -37,3 +38,34 @@ var formatNumberInvariant = function (number, decimals) {
     }).format(number);
 };
 exports.formatNumberInvariant = formatNumberInvariant;
+var getDecimalSeparator = function () {
+    var numberWithDecimal = 1.1; // A number with a decimal point
+    var formattedNumber = new Intl.NumberFormat().format(numberWithDecimal);
+    return formattedNumber.replace(/\d/g, ''); // Remove all digits to isolate the separator
+};
+exports.decimalSeparator = getDecimalSeparator();
+var parseNumber = function (value) {
+    var number = value
+        .replace(new RegExp("[^\\d".concat(exports.decimalSeparator, "]"), 'g'), '')
+        .replace(exports.decimalSeparator, '.');
+    return parseFloat(number);
+};
+exports.parseNumber = parseNumber;
+var getCurrencySymbol = function (currency) {
+    var _a;
+    var formatter = new Intl.NumberFormat(navigator.language, {
+        style: 'currency',
+        currency: currency,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+        currencyDisplay: 'narrowSymbol',
+    });
+    // Format a number and extract the currency symbol
+    var parts = formatter.formatToParts(1);
+    var currencySymbol = (_a = parts.find(function (part) { return part.type === 'currency'; })) === null || _a === void 0 ? void 0 : _a.value;
+    // Determine if the currency symbol is a prefix or suffix
+    var isPrefix = parts.findIndex(function (part) { return part.type === 'currency'; }) <
+        parts.findIndex(function (part) { return part.type === 'integer'; });
+    return isPrefix ? [currencySymbol, undefined] : [undefined, currencySymbol];
+};
+exports.getCurrencySymbol = getCurrencySymbol;

package/dist/helpers/responsive.d.ts

@@ -0,0 +1,37 @@
+type MediaQueryKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export declare const findBreakpoint: (width: number) => MediaQueryKey;
+export declare const isSmallerThanOrEqual: (mq: MediaQueryKey, currentMq: MediaQueryKey) => boolean;
+export declare const isGreaterThanOrEqual: (mq: MediaQueryKey, currentMq: MediaQueryKey) => boolean;
+export declare const mediaQueries: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    smDown: string;
+    mdDown: string;
+    lgDown: string;
+    xlDown: string;
+    smUp: string;
+    mdUp: string;
+    lgUp: string;
+    xlUp: string;
+};
+export declare const containerQueries: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    smDown: string;
+    mdDown: string;
+    lgDown: string;
+    xlDown: string;
+    smUp: string;
+    mdUp: string;
+    lgUp: string;
+    xlUp: string;
+};
+export {};

package/dist/helpers/responsive.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.containerQueries = exports.mediaQueries = exports.isGreaterThanOrEqual = exports.isSmallerThanOrEqual = exports.findBreakpoint = void 0;
+var XS_BREAKPOINT = 320;
+var SM_BREAKPOINT = 480;
+var MD_BREAKPOINT = 768;
+var LG_BREAKPOINT = 992;
+var XL_BREAKPOINT = 1200;
+var boundaries = {
+    xs: [0, XS_BREAKPOINT - 1],
+    sm: [XS_BREAKPOINT, SM_BREAKPOINT - 1],
+    md: [SM_BREAKPOINT, MD_BREAKPOINT - 1],
+    lg: [MD_BREAKPOINT, LG_BREAKPOINT - 1],
+    xl: [LG_BREAKPOINT, XL_BREAKPOINT - 1],
+    xxl: [XL_BREAKPOINT, 999999],
+};
+var findBreakpoint = function (width) {
+    var _a;
+    return (_a = Object.keys(boundaries).find(function (bp) { return width >= boundaries[bp][0] && width < boundaries[bp][1]; })) !== null && _a !== void 0 ? _a : 'xs';
+};
+exports.findBreakpoint = findBreakpoint;
+var isSmallerThanOrEqual = function (mq, currentMq) { return boundaries[currentMq][0] <= boundaries[mq][0]; };
+exports.isSmallerThanOrEqual = isSmallerThanOrEqual;
+var isGreaterThanOrEqual = function (mq, currentMq) { return boundaries[currentMq][0] >= boundaries[mq][0]; };
+exports.isGreaterThanOrEqual = isGreaterThanOrEqual;
+exports.mediaQueries = {
+    xs: "@media screen and (max-width: ".concat(XS_BREAKPOINT - 1, "px)"),
+    sm: "@media screen and (min-width: ".concat(XS_BREAKPOINT, "px) and (max-width: ").concat(SM_BREAKPOINT - 1, "px)"),
+    md: "@media screen and (min-width: ".concat(SM_BREAKPOINT, "px) and (max-width: ").concat(MD_BREAKPOINT - 1, "px)"),
+    lg: "@media screen and (min-width: ".concat(MD_BREAKPOINT, "px) and (max-width: ").concat(LG_BREAKPOINT - 1, "px)"),
+    xl: "@media screen and (min-width: ".concat(LG_BREAKPOINT, "px) and (max-width: ").concat(XL_BREAKPOINT - 1, "px)"),
+    xxl: "@media screen and (min-width: ".concat(XL_BREAKPOINT, "px)"),
+    smDown: "@media screen and (max-width: ".concat(SM_BREAKPOINT - 1, "px)"),
+    mdDown: "@media screen and (max-width: ".concat(MD_BREAKPOINT - 1, "px)"),
+    lgDown: "@media screen and (max-width: ".concat(LG_BREAKPOINT - 1, "px)"),
+    xlDown: "@media screen and (max-width: ".concat(XL_BREAKPOINT - 1, "px)"),
+    smUp: "@media screen and (min-width: ".concat(XS_BREAKPOINT, "px)"),
+    mdUp: "@media screen and (min-width: ".concat(SM_BREAKPOINT, "px)"),
+    lgUp: "@media screen and (min-width: ".concat(MD_BREAKPOINT, "px)"),
+    xlUp: "@media screen and (min-width: ".concat(LG_BREAKPOINT, "px)"),
+};
+exports.containerQueries = {
+    xs: "@container (width <= ".concat(XS_BREAKPOINT - 1, "px)"),
+    sm: "@container (width >= ".concat(XS_BREAKPOINT, "px) and (width <= ").concat(SM_BREAKPOINT - 1, "px)"),
+    md: "@container (width >= ".concat(SM_BREAKPOINT, "px) and (width <= ").concat(MD_BREAKPOINT - 1, "px)"),
+    lg: "@container (width >= ".concat(MD_BREAKPOINT, "px) and (width <= ").concat(LG_BREAKPOINT - 1, "px)"),
+    xl: "@container (width >= ".concat(LG_BREAKPOINT, "px) and (width <= ").concat(XL_BREAKPOINT - 1, "px)"),
+    xxl: "@container (width >= ".concat(XL_BREAKPOINT, "px)"),
+    smDown: "@container (width <= ".concat(SM_BREAKPOINT - 1, "px)"),
+    mdDown: "@container (width <= ".concat(MD_BREAKPOINT - 1, "px)"),
+    lgDown: "@container (width <= ".concat(LG_BREAKPOINT - 1, "px)"),
+    xlDown: "@container (width <= ".concat(XL_BREAKPOINT - 1, "px)"),
+    smUp: "@container (width >= ".concat(XS_BREAKPOINT, "px)"),
+    mdUp: "@container (width >= ".concat(SM_BREAKPOINT, "px)"),
+    lgUp: "@container (width >= ".concat(MD_BREAKPOINT, "px)"),
+    xlUp: "@container (width >= ".concat(LG_BREAKPOINT, "px)"),
+};

package/dist/helpers/styled/index.d.ts

@@ -0,0 +1 @@
+export * from './space';

package/dist/helpers/styled/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./space"), exports);

package/dist/helpers/styled/space.d.ts

@@ -0,0 +1,39 @@
+import { ThemeSpace, ThemeSpaceWithNegative } from '../../providers';
+export type MarginProps = {
+    m?: ThemeSpace | ThemeSpaceWithNegative;
+    mx?: ThemeSpace | ThemeSpaceWithNegative;
+    my?: ThemeSpace | ThemeSpaceWithNegative;
+    mt?: ThemeSpace | ThemeSpaceWithNegative;
+    mr?: ThemeSpace | ThemeSpaceWithNegative;
+    mb?: ThemeSpace | ThemeSpaceWithNegative;
+    ml?: ThemeSpace | ThemeSpaceWithNegative;
+};
+export declare const margins: import("styled-components").RuleSet<MarginProps>;
+export type PaddingProps = {
+    p?: ThemeSpace;
+    px?: ThemeSpace;
+    py?: ThemeSpace;
+    pt?: ThemeSpace;
+    pr?: ThemeSpace;
+    pb?: ThemeSpace;
+    pl?: ThemeSpace;
+};
+export declare const paddings: import("styled-components").RuleSet<PaddingProps>;
+export type SpaceProps = MarginProps & PaddingProps;
+export declare const extractSpaceProps: ({ m, mx, my, mt, mr, mb, ml, p, px, py, pt, pr, pb, pl, }: SpaceProps) => {
+    m: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mx: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    my: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mt: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mr: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mb: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    ml: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    p: ThemeSpace | undefined;
+    px: ThemeSpace | undefined;
+    py: ThemeSpace | undefined;
+    pt: ThemeSpace | undefined;
+    pr: ThemeSpace | undefined;
+    pb: ThemeSpace | undefined;
+    pl: ThemeSpace | undefined;
+};
+export declare const space: import("styled-components").RuleSet<SpaceProps>;

package/dist/helpers/styled/space.js

@@ -0,0 +1,90 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.space = exports.extractSpaceProps = exports.paddings = exports.margins = void 0;
+var styled_components_1 = require("styled-components");
+exports.margins = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
+    var m = _a.m;
+    return m && m.startsWith('-')
+        ? "margin: calc(0 - var(--space-".concat(m.substring(1), "));")
+        : "margin: var(--space-".concat(m, ");");
+}, function (_a) {
+    var mx = _a.mx;
+    return mx && mx.startsWith('-')
+        ? "margin-left: calc(0 - var(--space-".concat(mx.substring(1), ")); margin-right: calc(0 - var(--space-").concat(mx.substring(1), "));")
+        : "margin-left: var(--space-".concat(mx, "); margin-right: var(--space-").concat(mx, ");");
+}, function (_a) {
+    var my = _a.my;
+    return my && my.startsWith('-')
+        ? "margin-top: calc(0 - var(--space-".concat(my.substring(1), ")); margin-bottom: calc(0 - var(--space-").concat(my.substring(1), "));")
+        : "margin-top: var(--space-".concat(my, "); margin-bottom: var(--space-").concat(my, ");");
+}, function (_a) {
+    var mt = _a.mt;
+    return mt && mt.startsWith('-')
+        ? "margin-top: calc(0 - var(--space-".concat(mt.substring(1), "));")
+        : "margin-top: var(--space-".concat(mt, ");");
+}, function (_a) {
+    var mr = _a.mr;
+    return mr && mr.startsWith('-')
+        ? "margin-right: calc(0 - var(--space-".concat(mr.substring(1), "));")
+        : "margin-right: var(--space-".concat(mr, ");");
+}, function (_a) {
+    var mb = _a.mb;
+    return mb && mb.startsWith('-')
+        ? "margin-bottom: calc(0 - var(--space-".concat(mb.substring(1), "));")
+        : "margin-bottom: var(--space-".concat(mb, ");");
+}, function (_a) {
+    var ml = _a.ml;
+    return ml && ml.startsWith('-')
+        ? "margin-left: calc(0 - var(--space-".concat(ml.substring(1), "));")
+        : "margin-left: var(--space-".concat(ml, ");");
+});
+exports.paddings = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
+    var p = _a.p;
+    return p && "padding: var(--space-".concat(p, ");");
+}, function (_a) {
+    var px = _a.px;
+    return px &&
+        "padding-left: var(--space-".concat(px, "); padding-right: var(--space-").concat(px, ");");
+}, function (_a) {
+    var py = _a.py;
+    return py &&
+        "padding-top: var(--space-".concat(py, "); padding-bottom: var(--space-").concat(py, ");");
+}, function (_a) {
+    var pt = _a.pt;
+    return pt && "padding-top: var(--space-".concat(pt, ");");
+}, function (_a) {
+    var pr = _a.pr;
+    return pr && "padding-right: var(--space-".concat(pr, ");");
+}, function (_a) {
+    var pb = _a.pb;
+    return pb && "padding-bottom: var(--space-".concat(pb, ");");
+}, function (_a) {
+    var pl = _a.pl;
+    return pl && "padding-left: var(--space-".concat(pl, ");");
+});
+var extractSpaceProps = function (_a) {
+    var m = _a.m, mx = _a.mx, my = _a.my, mt = _a.mt, mr = _a.mr, mb = _a.mb, ml = _a.ml, p = _a.p, px = _a.px, py = _a.py, pt = _a.pt, pr = _a.pr, pb = _a.pb, pl = _a.pl;
+    return ({
+        m: m,
+        mx: mx,
+        my: my,
+        mt: mt,
+        mr: mr,
+        mb: mb,
+        ml: ml,
+        p: p,
+        px: px,
+        py: py,
+        pt: pt,
+        pr: pr,
+        pb: pb,
+        pl: pl,
+    });
+};
+exports.extractSpaceProps = extractSpaceProps;
+exports.space = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), exports.margins, exports.paddings);
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/hooks/index.d.ts

@@ -1,2 +1,7 @@
 export * from './useElementSize';
+export * from './useShowArchived';
 export * from './useWindowSize';
+export * from './useMediaQuery';
+export * from './useContainerMediaQuery';
+export * from './useMediaQueryForWidth';
+export * from './useMutableState';

package/dist/hooks/index.js

@@ -15,4 +15,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useElementSize"), exports);
+__exportStar(require("./useShowArchived"), exports);
 __exportStar(require("./useWindowSize"), exports);
+__exportStar(require("./useMediaQuery"), exports);
+__exportStar(require("./useContainerMediaQuery"), exports);
+__exportStar(require("./useMediaQueryForWidth"), exports);
+__exportStar(require("./useMutableState"), exports);

package/dist/hooks/useContainerMediaQuery.d.ts

@@ -0,0 +1,17 @@
+export declare const useContainerMediaQuery: (element: HTMLElement) => {
+    breakpoint: "xs" | "sm" | "lg" | "xl" | "md" | "xxl";
+    isXs: boolean;
+    isSm: boolean;
+    isMd: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    isXxl: boolean;
+    isSmDown: boolean;
+    isMdDown: boolean;
+    isLgDown: boolean;
+    isXlDown: boolean;
+    isSmUp: boolean;
+    isMdUp: boolean;
+    isLgUp: boolean;
+    isXlUp: boolean;
+};

package/dist/hooks/useContainerMediaQuery.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContainerMediaQuery = void 0;
+var useElementSize_1 = require("./useElementSize");
+var useMediaQueryForWidth_1 = require("./useMediaQueryForWidth");
+var useContainerMediaQuery = function (element) {
+    var width = (0, useElementSize_1.useElementSize)(element).width;
+    return (0, useMediaQueryForWidth_1.useMediaQueryForWidth)(width);
+};
+exports.useContainerMediaQuery = useContainerMediaQuery;

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,17 @@
+export declare const useMediaQuery: () => {
+    breakpoint: "xs" | "sm" | "lg" | "xl" | "md" | "xxl";
+    isXs: boolean;
+    isSm: boolean;
+    isMd: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    isXxl: boolean;
+    isSmDown: boolean;
+    isMdDown: boolean;
+    isLgDown: boolean;
+    isXlDown: boolean;
+    isSmUp: boolean;
+    isMdUp: boolean;
+    isLgUp: boolean;
+    isXlUp: boolean;
+};

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaQuery = void 0;
+var useMediaQueryForWidth_1 = require("./useMediaQueryForWidth");
+var useWindowSize_1 = require("./useWindowSize");
+var useMediaQuery = function () {
+    var width = (0, useWindowSize_1.useWindowSize)().width;
+    var realWidth = width !== null && width !== void 0 ? width : 0;
+    return (0, useMediaQueryForWidth_1.useMediaQueryForWidth)(realWidth);
+};
+exports.useMediaQuery = useMediaQuery;

package/dist/hooks/useMediaQueryForWidth.d.ts

@@ -0,0 +1,17 @@
+export declare const useMediaQueryForWidth: (width: number) => {
+    breakpoint: "xs" | "sm" | "lg" | "xl" | "md" | "xxl";
+    isXs: boolean;
+    isSm: boolean;
+    isMd: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    isXxl: boolean;
+    isSmDown: boolean;
+    isMdDown: boolean;
+    isLgDown: boolean;
+    isXlDown: boolean;
+    isSmUp: boolean;
+    isMdUp: boolean;
+    isLgUp: boolean;
+    isXlUp: boolean;
+};

package/dist/hooks/useMediaQueryForWidth.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaQueryForWidth = void 0;
+var responsive_1 = require("../helpers/responsive");
+var react_1 = require("react");
+var useMediaQueryForWidth = function (width) {
+    var breakpoint = (0, responsive_1.findBreakpoint)(width);
+    return (0, react_1.useMemo)(function () { return ({
+        breakpoint: breakpoint,
+        isXs: breakpoint === 'xs',
+        isSm: breakpoint === 'sm',
+        isMd: breakpoint === 'md',
+        isLg: breakpoint === 'lg',
+        isXl: breakpoint === 'xl',
+        isXxl: breakpoint === 'xxl',
+        isSmDown: (0, responsive_1.isSmallerThanOrEqual)('sm', breakpoint),
+        isMdDown: (0, responsive_1.isSmallerThanOrEqual)('md', breakpoint),
+        isLgDown: (0, responsive_1.isSmallerThanOrEqual)('lg', breakpoint),
+        isXlDown: (0, responsive_1.isSmallerThanOrEqual)('xl', breakpoint),
+        isSmUp: (0, responsive_1.isGreaterThanOrEqual)('sm', breakpoint),
+        isMdUp: (0, responsive_1.isGreaterThanOrEqual)('md', breakpoint),
+        isLgUp: (0, responsive_1.isGreaterThanOrEqual)('lg', breakpoint),
+        isXlUp: (0, responsive_1.isGreaterThanOrEqual)('xl', breakpoint),
+    }); }, [breakpoint]);
+};
+exports.useMediaQueryForWidth = useMediaQueryForWidth;

package/dist/hooks/useMutableState.d.ts

@@ -0,0 +1,2 @@
+import { DeepPartial } from '../typings';
+export declare const useMutableState: <T>(initialValue?: T | (() => T)) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, (partialValue: DeepPartial<T>) => void];

package/dist/hooks/useMutableState.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMutableState = void 0;
+var react_1 = require("react");
+var lodash_1 = require("lodash");
+var useMutableState = function (initialValue) {
+    if (initialValue === void 0) { initialValue = {}; }
+    var _a = (0, react_1.useState)(initialValue), value = _a[0], setValue = _a[1];
+    var setPartialValue = (0, react_1.useCallback)(function (partialValue) {
+        setValue(function (value) { return (0, lodash_1.defaultsDeep)({}, partialValue, value); });
+    }, []);
+    return (0, react_1.useMemo)(function () { return [value, setValue, setPartialValue]; }, [setPartialValue, value]);
+};
+exports.useMutableState = useMutableState;

package/dist/hooks/useShowArchived.d.ts

@@ -0,0 +1,6 @@
+import { ConditionDTO } from '../services/sqlRequests';
+export declare const useShowArchived: (initialValue?: boolean) => {
+    archivedConditions: ConditionDTO[];
+    showArchived: boolean;
+    toggleShowArchived: (value?: boolean) => void;
+};

package/dist/hooks/useShowArchived.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShowArchived = void 0;
+var react_1 = require("react");
+var useShowArchived = function (initialValue) {
+    var _a = (0, react_1.useState)(initialValue !== null && initialValue !== void 0 ? initialValue : false), showArchived = _a[0], setShowArchived = _a[1];
+    var toggleShowArchived = (0, react_1.useCallback)(function (value) {
+        setShowArchived(function (prev) { return (value === undefined ? !prev : value); });
+    }, []);
+    var archivedConditions = (0, react_1.useMemo)(function () {
+        return showArchived
+            ? []
+            : [{ field: 'Archived', operator: 'notEquals', value: 1 }];
+    }, [showArchived]);
+    return (0, react_1.useMemo)(function () { return ({
+        archivedConditions: archivedConditions,
+        showArchived: showArchived,
+        toggleShowArchived: toggleShowArchived,
+    }); }, [archivedConditions, showArchived, toggleShowArchived]);
+};
+exports.useShowArchived = useShowArchived;

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export * from './providers';
 export * from './Icons';
 export * from './config';
 export * from './helpers';
+export * from './hooks';
 export * from './services';

package/dist/index.js

@@ -19,4 +19,5 @@ __exportStar(require("./providers"), exports);
 __exportStar(require("./Icons"), exports);
 __exportStar(require("./config"), exports);
 __exportStar(require("./helpers"), exports);
+__exportStar(require("./hooks"), exports);
 __exportStar(require("./services"), exports);

package/dist/providers/AuthenticationProvider/index.d.ts

@@ -1,6 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { UserDTO } from '../../services';
 export type AuthenticationContextProps = {
+    status?: number;
     token?: string;
     user?: UserDTO;
     isAuthenticated: boolean;