@lafarmer28/densitycalendarnative 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 LucasFarmer
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# densitycalendarnative
+
+heat calendar with percentages and double range slider for month, week, and day view
+
+## Installation
+
+
+```sh
+npm install densitycalendarnative
+```
+
+
+## Usage
+
+
+```js
+import { multiply } from 'densitycalendarnative';
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/components/density-calendar/context/ks-density-calendar-context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from 'react';
+export const KSDensityCalendarContext = /*#__PURE__*/createContext(undefined);
+//# sourceMappingURL=ks-density-calendar-context.js.map

package/lib/module/components/density-calendar/context/ks-density-calendar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","KSDensityCalendarContext","undefined"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/context/ks-density-calendar-context.tsx"],"mappings":";;AAAA,SAAyBA,aAAa,QAAQ,OAAO;AAoBrD,OAAO,MAAMC,wBAAwB,gBAAGD,aAAa,CAEnDE,SAAS,CAAC","ignoreList":[]}

package/lib/module/components/density-calendar/context/ks-density-calendar-provider.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { useCallback, useReducer, useRef, useEffect } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { KSDensityCalendarContext } from "./ks-density-calendar-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const initialState = {
+  toggleKSSlider: true,
+  minVal: 0,
+  maxVal: 100,
+  lastFocusedInput: null,
+  isSmallScreen: false
+};
+const calendarReducer = (state, action) => {
+  switch (action.type) {
+    case 'SET_VALUE':
+      return {
+        ...state,
+        [action.field]: action.value
+      };
+    default:
+      return state;
+  }
+};
+export const KSDensityCalendarProvider = ({
+  children
+}) => {
+  const [state, dispatch] = useReducer(calendarReducer, initialState);
+  const {
+    width
+  } = useWindowDimensions();
+  const minValRef = useRef(null);
+  const maxValRef = useRef(null);
+  const rangeRef = useRef(null);
+  const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+  useEffect(() => {
+    dispatch({
+      type: 'SET_VALUE',
+      field: 'isSmallScreen',
+      value: width < 760
+    });
+  }, [width]);
+  const getPercent = useCallback(value => Math.round((value - 0) / (100 - 0) * 100), []);
+  const handleToggleSlider = useCallback(() => {
+    dispatch({
+      type: 'SET_VALUE',
+      field: 'toggleKSSlider',
+      value: !state.toggleKSSlider
+    });
+  }, [state.toggleKSSlider]);
+  const contextValue = {
+    state,
+    dispatch,
+    minValRef,
+    maxValRef,
+    rangeRef,
+    min: 0,
+    max: 100,
+    daysOfWeek,
+    handleToggleSlider,
+    getPercent
+  };
+  return /*#__PURE__*/_jsx(KSDensityCalendarContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+//# sourceMappingURL=ks-density-calendar-provider.js.map

package/lib/module/components/density-calendar/context/ks-density-calendar-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useReducer","useRef","useEffect","useWindowDimensions","KSDensityCalendarContext","jsx","_jsx","initialState","toggleKSSlider","minVal","maxVal","lastFocusedInput","isSmallScreen","calendarReducer","state","action","type","field","value","KSDensityCalendarProvider","children","dispatch","width","minValRef","maxValRef","rangeRef","daysOfWeek","getPercent","Math","round","handleToggleSlider","contextValue","min","max","Provider"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/context/ks-density-calendar-provider.tsx"],"mappings":";;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,MAAM,EACNC,SAAS,QAEJ,OAAO;AACd,SAA0BC,mBAAmB,QAAQ,cAAc;AACnE,SAASC,wBAAwB,QAAQ,kCAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBzE,MAAMC,YAA6B,GAAG;EACpCC,cAAc,EAAE,IAAI;EACpBC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,gBAAgB,EAAE,IAAI;EACtBC,aAAa,EAAE;AACjB,CAAC;AAED,MAAMC,eAAe,GAAGA,CACtBC,KAAsB,EACtBC,MAAwB,KACJ;EACpB,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,WAAW;MACd,OAAO;QAAE,GAAGF,KAAK;QAAE,CAACC,MAAM,CAACE,KAAK,GAAGF,MAAM,CAACG;MAAM,CAAC;IACnD;MACE,OAAOJ,KAAK;EAChB;AACF,CAAC;AAED,OAAO,MAAMK,yBAAyB,GAAGA,CAAC;EACxCC;AAGF,CAAC,KAAK;EACJ,MAAM,CAACN,KAAK,EAAEO,QAAQ,CAAC,GAAGrB,UAAU,CAACa,eAAe,EAAEN,YAAY,CAAC;EACnE,MAAM;IAAEe;EAAM,CAAC,GAAGnB,mBAAmB,CAAC,CAAC;EAEvC,MAAMoB,SAAS,GAAGtB,MAAM,CAAY,IAAI,CAAC;EACzC,MAAMuB,SAAS,GAAGvB,MAAM,CAAY,IAAI,CAAC;EACzC,MAAMwB,QAAQ,GAAGxB,MAAM,CAAO,IAAI,CAAC;EAEnC,MAAMyB,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;EAEpExB,SAAS,CAAC,MAAM;IACdmB,QAAQ,CAAC;MAAEL,IAAI,EAAE,WAAW;MAAEC,KAAK,EAAE,eAAe;MAAEC,KAAK,EAAEI,KAAK,GAAG;IAAI,CAAC,CAAC;EAC7E,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMK,UAAU,GAAG5B,WAAW,CAC3BmB,KAAa,IAAKU,IAAI,CAACC,KAAK,CAAE,CAACX,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,GAAI,GAAG,CAAC,EAC9D,EACF,CAAC;EAED,MAAMY,kBAAkB,GAAG/B,WAAW,CAAC,MAAM;IAC3CsB,QAAQ,CAAC;MACPL,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAE,CAACJ,KAAK,CAACN;IAChB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACM,KAAK,CAACN,cAAc,CAAC,CAAC;EAE1B,MAAMuB,YAAY,GAAG;IACnBjB,KAAK;IACLO,QAAQ;IACRE,SAAS;IACTC,SAAS;IACTC,QAAQ;IACRO,GAAG,EAAE,CAAC;IACNC,GAAG,EAAE,GAAG;IACRP,UAAU;IACVI,kBAAkB;IAClBH;EACF,CAAC;EAED,oBACErB,IAAA,CAACF,wBAAwB,CAAC8B,QAAQ;IAAChB,KAAK,EAAEa,YAAa;IAAAX,QAAA,EACpDA;EAAQ,CACwB,CAAC;AAExC,CAAC","ignoreList":[]}

package/lib/module/components/density-calendar/context/use-ks-density-calendar-context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { use } from 'react';
+import { KSDensityCalendarContext } from "./ks-density-calendar-context.js";
+export const useKSDensityCalendar = () => {
+  const context = use(KSDensityCalendarContext);
+  if (!context) {
+    throw new Error('useKSDensityCalendar must be used within a KSDensityCalendarProvider. ' + 'Check if you wrapped your component tree with <KSDensityCalendarProvider />.');
+  }
+  return context;
+};
+//# sourceMappingURL=use-ks-density-calendar-context.js.map

package/lib/module/components/density-calendar/context/use-ks-density-calendar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["use","KSDensityCalendarContext","useKSDensityCalendar","context","Error"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/context/use-ks-density-calendar-context.tsx"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,OAAO;AAC3B,SAASC,wBAAwB,QAAQ,kCAA+B;AAExE,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGH,GAAG,CAACC,wBAAwB,CAAC;EAE7C,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,wEAAwE,GACtE,8EACJ,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/components/density-calendar/day-view/day-navigation.js

@@ -0,0 +1,172 @@
+"use strict";
+
+import { StyleSheet, View, Text, Pressable } from 'react-native';
+import { format } from 'date-fns';
+import { MaterialIcons, MaterialCommunityIcons, Ionicons } from '@expo/vector-icons';
+import { useKSDensityCalendar } from "../context/use-ks-density-calendar-context.js";
+import KSToggler from "../ks-toggler/ks-toggler.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DayNavigation = ({
+  handlePreviousDay,
+  dateSelected,
+  handleNextDay,
+  handleToday,
+  previousCalendarDisplay,
+  toMonthHandler,
+  toWeekHandler,
+  svgIconColor,
+  svgIconSize,
+  svgIconUnactiveColor
+}) => {
+  const {
+    state
+  } = useKSDensityCalendar();
+  const {
+    isSmallScreen
+  } = state;
+  const backHandler = previousCalendarDisplay === 'Month' ? toMonthHandler : toWeekHandler;
+
+  // Helper for consistent Pressable styling
+  const pressableStyle = ({
+    pressed
+  }) => [styles.iconPressable, {
+    opacity: pressed ? 0.5 : 1
+  }];
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [!isSmallScreen && /*#__PURE__*/_jsx(View, {
+      style: styles.sideSection,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: backHandler,
+        style: pressableStyle,
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "arrow-back",
+          size: svgIconSize,
+          color: svgIconColor
+        })
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.centerSection, isSmallScreen && styles.fullWidth],
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: handlePreviousDay,
+        style: pressableStyle,
+        children: /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "chevron-left",
+          size: svgIconSize + 8,
+          color: svgIconColor
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.dateText,
+        children: format(dateSelected, previousCalendarDisplay === 'Week' ? 'EEEE' : 'eeee MMMM do yyyy')
+      }), /*#__PURE__*/_jsx(Pressable, {
+        onPress: handleNextDay,
+        style: pressableStyle,
+        children: /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "chevron-right",
+          size: svgIconSize + 8,
+          color: svgIconColor
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.controlsSection, isSmallScreen && styles.fullWidthCenter],
+      children: [isSmallScreen && /*#__PURE__*/_jsx(View, {
+        style: styles.controlItem,
+        children: /*#__PURE__*/_jsx(Pressable, {
+          onPress: backHandler,
+          style: pressableStyle,
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: "arrow-back",
+            size: svgIconSize,
+            color: svgIconColor
+          })
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.controlItem,
+        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "minus",
+          size: svgIconSize,
+          color: svgIconUnactiveColor || svgIconColor
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.togglerWrapper,
+        children: /*#__PURE__*/_jsx(KSToggler, {})
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.controlItem,
+        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "plus",
+          size: svgIconSize,
+          color: svgIconUnactiveColor || svgIconColor
+        })
+      }), previousCalendarDisplay === 'Month' && /*#__PURE__*/_jsx(View, {
+        style: styles.controlItem,
+        children: /*#__PURE__*/_jsx(Pressable, {
+          onPress: handleToday,
+          style: pressableStyle,
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "calendar-today",
+            size: svgIconSize,
+            color: svgIconColor
+          })
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    paddingVertical: 10
+  },
+  sideSection: {
+    width: '25%',
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    paddingLeft: 8
+  },
+  centerSection: {
+    width: '50%',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  fullWidth: {
+    width: '100%'
+  },
+  fullWidthCenter: {
+    width: '100%',
+    justifyContent: 'center',
+    marginTop: 15
+  },
+  dateText: {
+    fontSize: 18,
+    fontWeight: '600',
+    textAlign: 'center',
+    paddingHorizontal: 4,
+    flexShrink: 1
+  },
+  iconPressable: {
+    padding: 8,
+    borderRadius: 20,
+    // Optional: gives a nice hit area
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  controlsSection: {
+    width: '25%',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    paddingRight: 8
+  },
+  controlItem: {
+    paddingHorizontal: 4
+  },
+  togglerWrapper: {
+    marginHorizontal: 4
+  }
+});
+export default DayNavigation;
+//# sourceMappingURL=day-navigation.js.map

package/lib/module/components/density-calendar/day-view/day-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Text","Pressable","format","MaterialIcons","MaterialCommunityIcons","Ionicons","useKSDensityCalendar","KSToggler","jsx","_jsx","jsxs","_jsxs","DayNavigation","handlePreviousDay","dateSelected","handleNextDay","handleToday","previousCalendarDisplay","toMonthHandler","toWeekHandler","svgIconColor","svgIconSize","svgIconUnactiveColor","state","isSmallScreen","backHandler","pressableStyle","pressed","styles","iconPressable","opacity","style","container","children","sideSection","onPress","name","size","color","centerSection","fullWidth","dateText","controlsSection","fullWidthCenter","controlItem","togglerWrapper","create","width","flexDirection","flexWrap","alignItems","paddingVertical","justifyContent","paddingLeft","marginTop","fontSize","fontWeight","textAlign","paddingHorizontal","flexShrink","padding","borderRadius","paddingRight","marginHorizontal"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/day-view/day-navigation.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAChE,SAASC,MAAM,QAAQ,UAAU;AACjC,SACEC,aAAa,EACbC,sBAAsB,EACtBC,QAAQ,QACH,oBAAoB;AAC3B,SAASC,oBAAoB,QAAQ,+CAA4C;AACjF,OAAOC,SAAS,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBjD,MAAMC,aAAa,GAAGA,CAAC;EACrBC,iBAAiB;EACjBC,YAAY;EACZC,aAAa;EACbC,WAAW;EACXC,uBAAuB;EACvBC,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC;AACkB,CAAC,KAAK;EACxB,MAAM;IAAEC;EAAM,CAAC,GAAGjB,oBAAoB,CAAC,CAAC;EACxC,MAAM;IAAEkB;EAAc,CAAC,GAAGD,KAAK;EAE/B,MAAME,WAAW,GACfR,uBAAuB,KAAK,OAAO,GAAGC,cAAc,GAAGC,aAAa;;EAEtE;EACA,MAAMO,cAAc,GAAGA,CAAC;IAAEC;EAA8B,CAAC,KAAK,CAC5DC,MAAM,CAACC,aAAa,EACpB;IAAEC,OAAO,EAAEH,OAAO,GAAG,GAAG,GAAG;EAAE,CAAC,CAC/B;EAED,oBACEhB,KAAA,CAACZ,IAAI;IAACgC,KAAK,EAAEH,MAAM,CAACI,SAAU;IAAAC,QAAA,GAC3B,CAACT,aAAa,iBACbf,IAAA,CAACV,IAAI;MAACgC,KAAK,EAAEH,MAAM,CAACM,WAAY;MAAAD,QAAA,eAC9BxB,IAAA,CAACR,SAAS;QAACkC,OAAO,EAAEV,WAAY;QAACM,KAAK,EAAEL,cAAe;QAAAO,QAAA,eACrDxB,IAAA,CAACJ,QAAQ;UACP+B,IAAI,EAAC,YAAY;UACjBC,IAAI,EAAEhB,WAAY;UAClBiB,KAAK,EAAElB;QAAa,CACrB;MAAC,CACO;IAAC,CACR,CACP,eAEDT,KAAA,CAACZ,IAAI;MAACgC,KAAK,EAAE,CAACH,MAAM,CAACW,aAAa,EAAEf,aAAa,IAAII,MAAM,CAACY,SAAS,CAAE;MAAAP,QAAA,gBACrExB,IAAA,CAACR,SAAS;QAACkC,OAAO,EAAEtB,iBAAkB;QAACkB,KAAK,EAAEL,cAAe;QAAAO,QAAA,eAC3DxB,IAAA,CAACN,aAAa;UACZiC,IAAI,EAAC,cAAc;UACnBC,IAAI,EAAEhB,WAAW,GAAG,CAAE;UACtBiB,KAAK,EAAElB;QAAa,CACrB;MAAC,CACO,CAAC,eAEZX,IAAA,CAACT,IAAI;QAAC+B,KAAK,EAAEH,MAAM,CAACa,QAAS;QAAAR,QAAA,EAC1B/B,MAAM,CACLY,YAAY,EACZG,uBAAuB,KAAK,MAAM,GAAG,MAAM,GAAG,mBAChD;MAAC,CACG,CAAC,eAEPR,IAAA,CAACR,SAAS;QAACkC,OAAO,EAAEpB,aAAc;QAACgB,KAAK,EAAEL,cAAe;QAAAO,QAAA,eACvDxB,IAAA,CAACN,aAAa;UACZiC,IAAI,EAAC,eAAe;UACpBC,IAAI,EAAEhB,WAAW,GAAG,CAAE;UACtBiB,KAAK,EAAElB;QAAa,CACrB;MAAC,CACO,CAAC;IAAA,CACR,CAAC,eAEPT,KAAA,CAACZ,IAAI;MACHgC,KAAK,EAAE,CACLH,MAAM,CAACc,eAAe,EACtBlB,aAAa,IAAII,MAAM,CAACe,eAAe,CACvC;MAAAV,QAAA,GAEDT,aAAa,iBACZf,IAAA,CAACV,IAAI;QAACgC,KAAK,EAAEH,MAAM,CAACgB,WAAY;QAAAX,QAAA,eAC9BxB,IAAA,CAACR,SAAS;UAACkC,OAAO,EAAEV,WAAY;UAACM,KAAK,EAAEL,cAAe;UAAAO,QAAA,eACrDxB,IAAA,CAACJ,QAAQ;YACP+B,IAAI,EAAC,YAAY;YACjBC,IAAI,EAAEhB,WAAY;YAClBiB,KAAK,EAAElB;UAAa,CACrB;QAAC,CACO;MAAC,CACR,CACP,eAEDX,IAAA,CAACV,IAAI;QAACgC,KAAK,EAAEH,MAAM,CAACgB,WAAY;QAAAX,QAAA,eAC9BxB,IAAA,CAACL,sBAAsB;UACrBgC,IAAI,EAAC,OAAO;UACZC,IAAI,EAAEhB,WAAY;UAClBiB,KAAK,EAAEhB,oBAAoB,IAAIF;QAAa,CAC7C;MAAC,CACE,CAAC,eAEPX,IAAA,CAACV,IAAI;QAACgC,KAAK,EAAEH,MAAM,CAACiB,cAAe;QAAAZ,QAAA,eACjCxB,IAAA,CAACF,SAAS,IAAE;MAAC,CACT,CAAC,eAEPE,IAAA,CAACV,IAAI;QAACgC,KAAK,EAAEH,MAAM,CAACgB,WAAY;QAAAX,QAAA,eAC9BxB,IAAA,CAACL,sBAAsB;UACrBgC,IAAI,EAAC,MAAM;UACXC,IAAI,EAAEhB,WAAY;UAClBiB,KAAK,EAAEhB,oBAAoB,IAAIF;QAAa,CAC7C;MAAC,CACE,CAAC,EAENH,uBAAuB,KAAK,OAAO,iBAClCR,IAAA,CAACV,IAAI;QAACgC,KAAK,EAAEH,MAAM,CAACgB,WAAY;QAAAX,QAAA,eAC9BxB,IAAA,CAACR,SAAS;UAACkC,OAAO,EAAEnB,WAAY;UAACe,KAAK,EAAEL,cAAe;UAAAO,QAAA,eACrDxB,IAAA,CAACL,sBAAsB;YACrBgC,IAAI,EAAC,gBAAgB;YACrBC,IAAI,EAAEhB,WAAY;YAClBiB,KAAK,EAAElB;UAAa,CACrB;QAAC,CACO;MAAC,CACR,CACP;IAAA,CACG,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAG9B,UAAU,CAACgD,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDjB,WAAW,EAAE;IACXa,KAAK,EAAE,KAAK;IACZC,aAAa,EAAE,KAAK;IACpBI,cAAc,EAAE,YAAY;IAC5BC,WAAW,EAAE;EACf,CAAC;EACDd,aAAa,EAAE;IACbQ,KAAK,EAAE,KAAK;IACZC,aAAa,EAAE,KAAK;IACpBI,cAAc,EAAE,QAAQ;IACxBF,UAAU,EAAE;EACd,CAAC;EACDV,SAAS,EAAE;IACTO,KAAK,EAAE;EACT,CAAC;EACDJ,eAAe,EAAE;IACfI,KAAK,EAAE,MAAM;IACbK,cAAc,EAAE,QAAQ;IACxBE,SAAS,EAAE;EACb,CAAC;EACDb,QAAQ,EAAE;IACRc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,UAAU,EAAE;EACd,CAAC;EACD9B,aAAa,EAAE;IACb+B,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,EAAE;IAAE;IAClBT,cAAc,EAAE,QAAQ;IACxBF,UAAU,EAAE;EACd,CAAC;EACDR,eAAe,EAAE;IACfK,KAAK,EAAE,KAAK;IACZC,aAAa,EAAE,KAAK;IACpBI,cAAc,EAAE,UAAU;IAC1BF,UAAU,EAAE,QAAQ;IACpBY,YAAY,EAAE;EAChB,CAAC;EACDlB,WAAW,EAAE;IACXc,iBAAiB,EAAE;EACrB,CAAC;EACDb,cAAc,EAAE;IACdkB,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEF,eAAenD,aAAa","ignoreList":[]}

package/lib/module/components/density-calendar/day-view/ks-density-calendar-day-view.js

@@ -0,0 +1,183 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, View, Text, ScrollView } from 'react-native';
+import { startOfDay, endOfDay, eachHourOfInterval } from 'date-fns';
+import { useKSDensityCalendar } from "../context/use-ks-density-calendar-context.js";
+import { getColorForPercentage } from "../utility-functions.js";
+import DayNavigation from "./day-navigation.js";
+import KSSlider from "../ks-slider/ks-slider.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const getHoursOfDayWithinIntersection = (dateSelected, start, end) => {
+  const startingHour = startOfDay(dateSelected);
+  const endingHour = endOfDay(dateSelected);
+  const effectiveStart = start < startingHour ? startingHour : start;
+  const effectiveEnd = end > endingHour ? endingHour : end;
+  const hoursWithinInterval = eachHourOfInterval({
+    start: effectiveStart,
+    end: effectiveEnd
+  });
+  return hoursWithinInterval.map(ht => ht.getHours());
+};
+export const calcHourPercents = (dateSelected, data) => {
+  const ret = Array(24).fill(0);
+  const usedNames = {};
+  const startDay = startOfDay(dateSelected);
+  const endDay = endOfDay(dateSelected);
+  for (const item of data) {
+    // Basic null check for the item itself
+    if (!item || item.start > endDay || item.end < startDay) continue;
+    const hours = getHoursOfDayWithinIntersection(dateSelected, item.start, item.end);
+    hours.forEach(hour => {
+      if (!usedNames[item.name]) {
+        usedNames[item.name] = Array(24).fill(0);
+      }
+      const nameData = usedNames[item.name];
+      if (nameData && nameData[hour] === 0) {
+        nameData[hour] = 1;
+        ret[hour] += 1;
+      }
+    });
+  }
+  const totalNames = Object.keys(usedNames).length;
+  if (totalNames > 0) {
+    for (let j = 0; j < ret.length; j++) {
+      ret[j] = Math.round(ret[j] / totalNames * 100);
+    }
+  }
+  return ret;
+};
+const KSDensityCalendarDayView = ({
+  dateSelected,
+  calendarDisplay,
+  multScheduleData,
+  toWeekHandler,
+  toMonthHandler,
+  previousCalendarDisplay,
+  handleToday,
+  handleNextDay,
+  handlePreviousDay,
+  themeKeys,
+  svgIconColor,
+  svgIconSize,
+  svgIconUnactiveColor
+}) => {
+  const {
+    state
+  } = useKSDensityCalendar();
+  const {
+    toggleKSSlider,
+    minVal,
+    maxVal
+  } = state;
+  const percentsForHourOfDay = useMemo(() => calcHourPercents(dateSelected, multScheduleData), [dateSelected, multScheduleData]);
+  const renderHourRow = (percentValue, index) => {
+    const isVisible = percentValue >= minVal && percentValue <= maxVal;
+    const barWidth = isVisible ? `${percentValue}%` : '0%';
+    const color = getColorForPercentage(percentValue);
+    const hourLabel = index === 0 ? '12am' : index === 12 ? '12pm' : index < 12 ? `${index}am` : `${index - 12}pm`;
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.row, {
+        borderColor: themeKeys.secondaryColor
+      }, index === 23 && styles.lastRow],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.labelContainer,
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: styles.labelText,
+          children: [hourLabel, ":"]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.barTrack,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.barFill, {
+            // Force cast the string to DimensionValue
+            width: isVisible ? `${percentValue}%` : '0%',
+            backgroundColor: isVisible ? color : 'transparent'
+          }]
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.percentText,
+        children: isVisible && percentValue > 0 ? `${percentValue}%` : ''
+      })]
+    }, index);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, !toggleKSSlider && styles.paddingBottom],
+    children: [/*#__PURE__*/_jsx(DayNavigation, {
+      dateSelected: dateSelected,
+      handleNextDay: handleNextDay,
+      handlePreviousDay: handlePreviousDay,
+      previousCalendarDisplay: previousCalendarDisplay,
+      toWeekHandler: toWeekHandler,
+      toMonthHandler: toMonthHandler,
+      handleToday: handleToday,
+      themeKeys: themeKeys,
+      svgIconColor: svgIconColor,
+      svgIconSize: svgIconSize,
+      svgIconUnactiveColor: svgIconUnactiveColor
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: styles.scrollArea,
+      contentContainerStyle: styles.scrollContent,
+      persistentScrollbar: true,
+      indicatorStyle: "default",
+      children: percentsForHourOfDay.map(renderHourRow)
+    }), toggleKSSlider && /*#__PURE__*/_jsx(KSSlider, {
+      calendarDisplay: calendarDisplay,
+      themeKeys: themeKeys
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%',
+    paddingHorizontal: 8
+  },
+  paddingBottom: {
+    paddingBottom: 8
+  },
+  scrollArea: {
+    flex: 1,
+    width: '100%'
+  },
+  scrollContent: {
+    paddingVertical: 4
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: 4,
+    height: 40,
+    borderTopWidth: 2,
+    borderLeftWidth: 2,
+    borderRightWidth: 2
+  },
+  lastRow: {
+    borderBottomWidth: 2
+  },
+  labelContainer: {
+    width: 60
+  },
+  labelText: {
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  barTrack: {
+    flex: 1,
+    height: '60%',
+    marginHorizontal: 8,
+    justifyContent: 'center'
+  },
+  barFill: {
+    height: '100%',
+    borderRadius: 2
+  },
+  percentText: {
+    width: 45,
+    fontSize: 12,
+    textAlign: 'right',
+    paddingRight: 4
+  }
+});
+export default KSDensityCalendarDayView;
+//# sourceMappingURL=ks-density-calendar-day-view.js.map

package/lib/module/components/density-calendar/day-view/ks-density-calendar-day-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","View","Text","ScrollView","startOfDay","endOfDay","eachHourOfInterval","useKSDensityCalendar","getColorForPercentage","DayNavigation","KSSlider","jsxs","_jsxs","jsx","_jsx","getHoursOfDayWithinIntersection","dateSelected","start","end","startingHour","endingHour","effectiveStart","effectiveEnd","hoursWithinInterval","map","ht","getHours","calcHourPercents","data","ret","Array","fill","usedNames","startDay","endDay","item","hours","forEach","hour","name","nameData","totalNames","Object","keys","length","j","Math","round","KSDensityCalendarDayView","calendarDisplay","multScheduleData","toWeekHandler","toMonthHandler","previousCalendarDisplay","handleToday","handleNextDay","handlePreviousDay","themeKeys","svgIconColor","svgIconSize","svgIconUnactiveColor","state","toggleKSSlider","minVal","maxVal","percentsForHourOfDay","renderHourRow","percentValue","index","isVisible","barWidth","color","hourLabel","style","styles","row","borderColor","secondaryColor","lastRow","children","labelContainer","labelText","barTrack","barFill","width","backgroundColor","percentText","container","paddingBottom","scrollArea","contentContainerStyle","scrollContent","persistentScrollbar","indicatorStyle","create","flex","paddingHorizontal","paddingVertical","flexDirection","alignItems","paddingLeft","height","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","fontSize","fontWeight","marginHorizontal","justifyContent","borderRadius","textAlign","paddingRight"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/day-view/ks-density-calendar-day-view.tsx"],"mappings":"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","ignoreList":[]}