tw-react-components 0.0.151 → 0.0.153

package/index.esm.js

@@ -3,10 +3,10 @@ import { forwardRef, useMemo, useState, useEffect, useId, useCallback, useRef, c
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import dayjs from 'dayjs';
-import advancedFormat from 'dayjs/plugin/advancedFormat';
+import advancedFormat from 'dayjs/plugin/advancedFormat.js';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { HelpCircle, XIcon, AtSignIcon, EyeIcon, EyeOffIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, CalendarIcon, ClockIcon, CheckIcon, CircleIcon, CloudUploadIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, ArrowUpDownIcon, SortAscIcon, SortDescIcon, MinusIcon, PlusIcon, PanelLeft, MoonIcon, SunIcon, MonitorIcon } from 'lucide-react';
-import localeData from 'dayjs/plugin/localeData';
+import localeData from 'dayjs/plugin/localeData.js';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { useFormContext, Controller, FormProvider } from 'react-hook-form';
@@ -2112,9 +2112,9 @@ const THEME_COOKIE_NAME = 'theme:state';
 const THEME_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SHOW_IDS_COOKIE_NAME = 'show-ids:state';
 const SHOW_IDS_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-const LayoutContextProvider = ({ children, defaultTheme, }) => {
+const LayoutContextProvider = ({ children, theme: defaultTheme, showIds: defaultShowIds }) => {
     const [theme, _setTheme] = useState(defaultTheme !== null && defaultTheme !== void 0 ? defaultTheme : getValueFromCookie(THEME_COOKIE_NAME, 'system'));
-    const [showIds, _setShowIds] = useState(getValueFromCookie(SHOW_IDS_COOKIE_NAME, false));
+    const [showIds, _setShowIds] = useState(defaultShowIds !== null && defaultShowIds !== void 0 ? defaultShowIds : getValueFromCookie(SHOW_IDS_COOKIE_NAME, false));
     const [resolvedTheme, setResolvedTheme] = useState(() => theme === 'system' ? getSystemTheme() : theme);
     useEffect(() => {
         if (resolvedTheme === 'dark') {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tw-react-components",
   "description": "A set of React components build with TailwindCSS to make a nice dashboard.",
-  "version": "0.0.151",
+  "version": "0.0.153",
   "license": "MIT",
   "homepage": "https://bacali95.github.io/tw-react-components",
   "type": "module",

package/src/contexts/LayoutContext.d.ts

@@ -13,7 +13,5 @@ export declare const THEME_COOKIE_NAME = "theme:state";
 export declare const THEME_COOKIE_MAX_AGE: number;
 export declare const SHOW_IDS_COOKIE_NAME = "show-ids:state";
 export declare const SHOW_IDS_COOKIE_MAX_AGE: number;
-export declare const LayoutContextProvider: FC<PropsWithChildren<{
-    defaultTheme?: ThemeState;
-}>>;
+export declare const LayoutContextProvider: FC<PropsWithChildren<Pick<LayoutContext, 'theme' | 'showIds'>>>;
 export declare function useLayoutContext(): LayoutContext;