@bbodek/internal-ui 0.0.49 → 0.0.51

package/README.md

@@ -12,20 +12,52 @@ yarn add @bbodek/internal-ui
 
 ## Usage
 
-To install Tailwind CSS in your Next.js project:
+### 1. To install Tailwind CSS in your Next.js project
 
 - [Using Pages Router](https://nextjs.org/docs/pages/guides/tailwind-css)
 - [Using App Router](https://nextjs.org/docs/app/guides/tailwind-css#installing-tailwind)
 
-Edit your `globals.css` file:
+### 2. Update your next config file
+
+```javascript
+/* next.config.js */
+const nextConfig = {
+  webpack: (config) => {
+    config.resolve.fallback = { ...config.resolve.fallback, fs: false };
+
+    return config;
+  },
+};
+```
+
+### 3. Update your global css file
+
+#### Standalone Project
 
 ```css
+/* global.css */
 @import 'tailwindcss';
-/* Add Here */
 @import '@bbodek/internal-ui/styles';
 @config '@bbodek/internal-ui/tailwind-config';
 ```
 
+#### Monorepo Project
+Create a local Tailwind config file
+
+``` javascript
+/* tailwind.config.js */
+import config from '@bbodek/internal-ui/tailwind-config'
+
+export default config;
+```
+
+```css
+/* global.css */
+@import 'tailwindcss';
+@import '@bbodek/internal-ui/styles';
+@config './tailwind.config.js'; /* Adjust the path as needed */
+```
+
 ## Example
 
 ```tsx

package/dist/{FilterCalendarPanel-CN37vf1y.js → FilterCalendarPanel-4xl_OsWr.js}

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as t}from"react";import{g as n,i as l,h as r,j as o,b as s,k as i}from"./index-By0wJuqk.js";import"@bbodek/utils";import{F as m,u}from"./useFilterSelectOptionPanel-CS6hhKHO.js";import"react-dom";import"@bbodek/hooks";const d=()=>{const{variant:a,internalValue:t,handleChange:r}=n(),o=!l({value:t,variant:a});return e(m,{disabled:o,onClick:r})},c=({variant:n})=>{const l=t(),m=t(),{models:{calendarValue:c},operations:{onChange:h}}=(()=>{const{models:{value:e},operations:{handleChange:a}}=u(),{startDate:t,endDate:n}=null!==e?r({value:e}):{startDate:null,endDate:null};return{models:{calendarValue:null!==e?{startDate:t,endDate:n}:null},operations:{onChange:e=>{const t=e?[`${e.startDate}~${e.endDate}`]:null;a({value:t})}}}})();return e(o,{value:c,variant:n,onChange:h,children:a(s,{className:"in-tablet:min-w-[23.75rem] mx-auto w-[22.5rem] justify-between overflow-hidden",direction:"column",children:[e(i,{className:"in-tablet:min-h-[34svh-3.75rem] in-tablet:max-h-[46svh-3.75rem] mx-auto h-[100svh-4rem]",id:m,labelId:l}),e(d,{})]})})};export{c as default};
-//# sourceMappingURL=FilterCalendarPanel-CN37vf1y.js.map
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as t}from"react";import{g as n,i as l,h as r,j as o,b as s,k as i}from"./index-BkLNoBKU.js";import"@bbodek/utils";import{F as m,u}from"./useFilterSelectOptionPanel-Di10G2ZS.js";import"react-dom";import"@bbodek/hooks";const d=()=>{const{variant:a,internalValue:t,handleChange:r}=n(),o=!l({value:t,variant:a});return e(m,{disabled:o,onClick:r})},c=({variant:n})=>{const l=t(),m=t(),{models:{calendarValue:c},operations:{onChange:h}}=(()=>{const{models:{value:e},operations:{handleChange:a}}=u(),{startDate:t,endDate:n}=null!==e?r({value:e}):{startDate:null,endDate:null};return{models:{calendarValue:null!==e?{startDate:t,endDate:n}:null},operations:{onChange:e=>{const t=e?[`${e.startDate}~${e.endDate}`]:null;a({value:t})}}}})();return e(o,{value:c,variant:n,onChange:h,children:a(s,{className:"in-tablet:min-w-[23.75rem] mx-auto w-[22.5rem] justify-between overflow-hidden",direction:"column",children:[e(i,{className:"in-tablet:min-h-[34svh-3.75rem] in-tablet:max-h-[46svh-3.75rem] mx-auto h-[100svh-4rem]",id:m,labelId:l}),e(d,{})]})})};export{c as default};
+//# sourceMappingURL=FilterCalendarPanel-4xl_OsWr.js.map

package/dist/FilterCalendarPanel-4xl_OsWr.js.map

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

package/dist/{FilterMultiSelectPanel-DNSZXfao.js → FilterMultiSelectPanel--nim2T0p.js}

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l}from"react";import{F as o,u as t}from"./useFilterSelectOptionPanel-CS6hhKHO.js";import{a as n,M as s,b as i,c as r,e as m,f as c}from"./index-By0wJuqk.js";import"react-dom";import"@bbodek/hooks";import"@bbodek/utils";const u=()=>{const{onChange:a,onSearch:l,internalOptions:t}=n();return e(o,{disabled:0===t.length||void 0===t.find((({isSelected:e})=>e)),onClick:()=>{l({value:null}),a()}})},d=()=>{const o=l(),n=l(),d=l(),{models:{value:p,options:h},operations:{onChange:v}}=(()=>{const{models:{options:e,value:a},operations:{handleChange:l}}=t(),o=e.options.map((({value:e,displayValue:a})=>({value:e,label:a})));return{models:{value:(a??[]).map((e=>({value:e,label:o.find((a=>a.value===e))?.label??""}))),options:o},operations:{onChange:e=>{const a=e?e.map((({value:e})=>e)):null;l({value:a})}}}})();return e(s,{options:h,selectListResultId:n,selectedListResultId:d,value:p,onChange:v,children:a(i,{className:"in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden",direction:"column",children:[e(r,{className:"in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]",labelId:o,searchPanel:e(c,{}),selectedPanel:e(m,{})}),e(u,{})]})})};export{d as default};
-//# sourceMappingURL=FilterMultiSelectPanel-DNSZXfao.js.map
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l}from"react";import{F as o,u as t}from"./useFilterSelectOptionPanel-Di10G2ZS.js";import{a as n,M as s,b as i,c as r,e as m,f as c}from"./index-BkLNoBKU.js";import"react-dom";import"@bbodek/hooks";import"@bbodek/utils";const u=()=>{const{onChange:a,onSearch:l,internalOptions:t}=n();return e(o,{disabled:0===t.length||void 0===t.find((({isSelected:e})=>e)),onClick:()=>{l({value:null}),a()}})},d=()=>{const o=l(),n=l(),d=l(),{models:{value:p,options:h},operations:{onChange:v}}=(()=>{const{models:{options:e,value:a},operations:{handleChange:l}}=t(),o=e.options.map((({value:e,displayValue:a})=>({value:e,label:a})));return{models:{value:(a??[]).map((e=>({value:e,label:o.find((a=>a.value===e))?.label??""}))),options:o},operations:{onChange:e=>{const a=e?e.map((({value:e})=>e)):null;l({value:a})}}}})();return e(s,{options:h,selectListResultId:n,selectedListResultId:d,value:p,onChange:v,children:a(i,{className:"in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden",direction:"column",children:[e(r,{className:"in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]",labelId:o,searchPanel:e(c,{}),selectedPanel:e(m,{})}),e(u,{})]})})};export{d as default};
+//# sourceMappingURL=FilterMultiSelectPanel--nim2T0p.js.map

package/dist/FilterMultiSelectPanel--nim2T0p.js.map

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

package/dist/{FilterSelectOptionPanel-8u41nHpi.js → FilterSelectOptionPanel-DzKuVOSi.js}

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{u as r,F as e,d as o,C as s}from"./index-By0wJuqk.js";import"react";import"@bbodek/utils";import"react-dom";import"@bbodek/hooks";const a=o((()=>import("./FilterMultiSelectPanel-DNSZXfao.js")),{ssr:!1}),i=o((()=>import("./FilterCalendarPanel-CN37vf1y.js")),{ssr:!1}),m=()=>{const{currentOptions:o}=r(),{type:m}=o;return{[e.MULTI_SELECT]:t(a,{}),[e.DATE_SINGLE]:t(i,{variant:s.SINGLE}),[e.DATE_RANGE]:t(i,{variant:s.RANGE})}[m]};export{m as default};
-//# sourceMappingURL=FilterSelectOptionPanel-8u41nHpi.js.map
+import{jsx as t}from"react/jsx-runtime";import{u as r,F as e,d as o,C as s}from"./index-BkLNoBKU.js";import"react";import"@bbodek/utils";import"react-dom";import"@bbodek/hooks";const a=o((()=>import("./FilterMultiSelectPanel--nim2T0p.js")),{ssr:!1}),i=o((()=>import("./FilterCalendarPanel-4xl_OsWr.js")),{ssr:!1}),m=()=>{const{currentOptions:o}=r(),{type:m}=o;return{[e.MULTI_SELECT]:t(a,{}),[e.DATE_SINGLE]:t(i,{variant:s.SINGLE}),[e.DATE_RANGE]:t(i,{variant:s.RANGE})}[m]};export{m as default};
+//# sourceMappingURL=FilterSelectOptionPanel-DzKuVOSi.js.map

package/dist/FilterSelectOptionPanel-DzKuVOSi.js.map

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