@admin-layout/tailwind-ui 12.0.16-alpha.81 → 12.0.16-alpha.83

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts

@@ -0,0 +1,4 @@
+export declare const LanguageMenuDropdown: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LanguageMenuDropdown.d.ts.map

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenuDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/LanguageMenuDropdown.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAmDzE,CAAC"}

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js

@@ -0,0 +1,60 @@
+import {jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {languages,useLayoutSettings}from'@admin-layout/client';import config from'@app/cde-webconfig.json';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const LanguageMenuDropdown = ({
+  className
+}) => {
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    i18n: i18nextInstance
+  } = config;
+  const filteredLanguages = languages.filter(language => i18nextInstance.supportedLngs.includes(language.key));
+  const {
+    isMobile
+  } = useMediaQuery();
+  const {
+    settings,
+    setSettings
+  } = useLayoutSettings();
+  const [currentLang, setCurrentLang] = useState(filteredLanguages.find(language => language.key === settings.language) || {
+    key: 'en',
+    label: 'English',
+    flag: '🇬🇧',
+    global: true
+  });
+  useEffect(() => {
+    i18n.changeLanguage(settings.language);
+  }, []);
+  const handleLanguageChange = value => {
+    const language = filteredLanguages.find(lang => lang.key === value);
+    if (language) {
+      setCurrentLang(language);
+      i18n.changeLanguage(language.key);
+      setSettings(settings, {
+        language: language.key
+      });
+    }
+  };
+  return jsx("div", {
+    className: "relative",
+    children: jsx("div", {
+      className: "custom-select-container w-[180px]",
+      children: jsx("select", {
+        className: cn('w-full h-10 rounded-md outline-none border border-input bg-background px-3 py-2 pl-10 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 appearance-none cursor-pointer', className),
+        value: currentLang.key,
+        onChange: e => handleLanguageChange(e.target.value),
+        "aria-label": "Select language",
+        children: filteredLanguages.map(language => jsx("option", {
+          value: language.key,
+          className: "p-2",
+          children: jsx("div", {
+            className: "p-2",
+            children: jsx("span", {
+              className: "text-sm",
+              children: isMobile ? language.key : language.label
+            })
+          })
+        }, language.key))
+      })
+    })
+  });
+};export{LanguageMenuDropdown};//# sourceMappingURL=LanguageMenuDropdown.js.map

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenuDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/LanguageMenuDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LanguageMenuDropdown';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/LanguageMenuDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/lib/components/index.d.ts

@@ -10,5 +10,6 @@ export * from './Select';
 export * from './DatePicker';
 export * from './Button/Button';
 export * from './ThemeProvider';
+export * from './LanguageMenuDropdown';
 export { PageLoading };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.0.16-alpha.81",
+    "version": "12.0.16-alpha.83",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -88,5 +88,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "ea86dda477550721ed2478b6c316d02b94f4a116"
+    "gitHead": "f1b526c5499cd8c06b3fb1b7508449090e2f59ff"
 }