@jamesrock/rockjs 1.26.0 → 1.28.0

package/index.js

@@ -19,7 +19,7 @@ export const isTiny = () => !minWidth(450);
 export const isDarkMode = () => isColorScheme('dark');
 export const makeEven = (a) => (a % 2 === 1 ? a - 1 : a);
 export const limit = (value, max) => (value > max ? max : value);
-export const toDouble = (a) => a.toString().padStart(2, '0');
+export const pad = (a) => a < 10 ? `0${a}` : a;
 export const formatNumber = (n) => numberFormatter.format(n);
 export const formatCurrency = (n) => currencyFormatter.format(n);
 export const formatDate = (date, type = 'short') => date.toLocaleDateString('en-GB', { dateStyle: type });
@@ -34,8 +34,8 @@ export const ceilTo = (number, to = 1) => (Math.ceil(number*to)/to);
 export const getXPercentOfY = (x, y) => (y*(x/100));
 export const getXAsPercentOfY = (x, y) => ((x/y)*100);
 // to be removed
-export const formatMinutes = (ms) => toDouble(Math.floor((ms % (1000 * 60 * 60)) / (1000 * 60)));
-export const formatSeconds = (ms) => toDouble(Math.floor((ms % (1000 * 60)) / 1000));
+export const formatMinutes = (ms) => pad(Math.floor((ms % (1000 * 60 * 60)) / (1000 * 60)));
+export const formatSeconds = (ms) => pad(Math.floor((ms % (1000 * 60)) / 1000));
 export const formatTime = (ms) => `${formatMinutes(ms)}:${formatSeconds(ms)}`;
 
 const sortingMethods = {
@@ -167,15 +167,15 @@ export const createLabel = (label = '{label}', id = '{id}', className) => {
   return node;
 };
 
-export const createToggle = (options, id, defaultValue) => {
-  const node = createNode('div', 'toggle');
-  options.forEach((option) => {
-    const optionNode = createNode('div', 'toggle-item');
-    const radio = createRadio(option, id, `${option}-${id}`, option===defaultValue);
-    const label = createLabel(option, radio.id);
-    optionNode.append(radio);
-    optionNode.append(label);
-    node.append(optionNode);
+const makeToggle = (options, name, defaultValue, className = 'toggle') => {
+  const node = createNode('div', className);
+	options.forEach(([label, value, optionClassName]) => {
+		const optionNode = createNode('div', 'toggle-item');
+		const radioNode = createRadio(value, name, `${name}-${value}`, value===defaultValue);
+		const labelNode = createLabel(label, radioNode.id, optionClassName);
+		optionNode.appendChild(radioNode);
+		optionNode.appendChild(labelNode);
+		node.appendChild(optionNode);
   });
   return node;
 };
@@ -653,9 +653,9 @@ export class Time {
   getSecondsInMinute(ms) {
 		return floorTo(this.getMillisecondsInMinute(ms) / this.second);
 	};
-  formatSeconds = (ms) => toDouble(this.getSecondsInMinute(ms));
-  formatMinutes = (ms) => toDouble(this.getMinutesInHour(ms));
-  formatHours = (ms) => toDouble(this.getHours(ms));
+  formatSeconds = (ms) => pad(this.getSecondsInMinute(ms));
+  formatMinutes = (ms) => pad(this.getMinutesInHour(ms));
+  formatHours = (ms) => pad(this.getHours(ms));
   format = (ms) => `${this.formatMinutes(ms)}:${this.formatSeconds(ms)}`;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamesrock/rockjs",
-  "version": "1.26.0",
+  "version": "1.28.0",
   "description": "utility bliss",
   "license": "ISC",
   "author": "James Rock",