@acoustte-digital-services/digitalstore-controls 0.12.0 → 0.12.1

package/dist/index.d.mts

@@ -1,3 +1,16 @@
+import React from 'react';
+
+interface ViewControlPropsView {
+    value?: any;
+    controlType: string;
+    format?: string;
+    width?: string;
+    apiBaseUrl?: string;
+    customProps?: Record<string, any>;
+}
+
+declare const ViewControl: React.FC<ViewControlPropsView>;
+
 declare const ViewControlTypesView: {
     lineTextView: string;
     emailTextView: string;
@@ -13,4 +26,4 @@ declare const ViewControlTypesView: {
     text: string;
 };
 
-export { ViewControlTypesView };
+export { ViewControl, ViewControlTypesView };

package/dist/index.d.ts

@@ -1,3 +1,16 @@
+import React from 'react';
+
+interface ViewControlPropsView {
+    value?: any;
+    controlType: string;
+    format?: string;
+    width?: string;
+    apiBaseUrl?: string;
+    customProps?: Record<string, any>;
+}
+
+declare const ViewControl: React.FC<ViewControlPropsView>;
+
 declare const ViewControlTypesView: {
     lineTextView: string;
     emailTextView: string;
@@ -13,4 +26,4 @@ declare const ViewControlTypesView: {
     text: string;
 };
 
-export { ViewControlTypesView };
+export { ViewControl, ViewControlTypesView };

package/dist/index.js

@@ -1,8 +1,24 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,15 +31,190 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ViewControl: () => ViewControlView_default,
   ViewControlTypesView: () => ViewControlTypesView_default
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/controls/view/ViewControlView.tsx
+var import_react11 = __toESM(require("react"));
+
+// src/controls/view/LineTextView.tsx
+var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var linetextView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: props.value });
+};
+var LineTextView_default = linetextView;
+
+// src/controls/view/EmailTextView.tsx
+var import_react2 = __toESM(require("react"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var emailtextView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: props.value });
+};
+var EmailTextView_default = emailtextView;
+
+// src/controls/view/MoneyView.tsx
+var import_react3 = __toESM(require("react"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var moneyView = (props) => {
+  const parsednumberView = parseFloat(props.value);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.default.Fragment, { children: !Number.isNaN(parsednumberView) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: parsednumberView < 0 ? "textView-alert" : "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mr-0.5", children: "\u20B9" }),
+    parsednumberView.toLocaleString()
+  ] }) });
+};
+var MoneyView_default = moneyView;
+
+// src/controls/view/NumberView.tsx
+var import_react4 = __toESM(require("react"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var numberView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.default.Fragment, { children: props.value });
+};
+var NumberView_default = numberView;
+
+// src/controls/view/DateView.tsx
+var import_react5 = __toESM(require("react"));
+var import_moment_timezone = __toESM(require("moment-timezone"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var dateViewView = (props) => {
+  var _a;
+  let localdateViewTime = "";
+  let timezone;
+  try {
+    const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
+    const parseddateView = new Date(val);
+    const timezoneOffset = parseddateView.getTimezoneOffset();
+    timezone = (_a = import_moment_timezone.default.tz.zone(import_moment_timezone.default.tz.guess())) == null ? void 0 : _a.abbr(timezoneOffset);
+    if (props.format && props.format == "timeago") {
+      localdateViewTime = formatTimeAgo(parseddateView);
+    } else {
+      localdateViewTime = parseddateView.toLocaleString() + " " + timezone;
+    }
+  } catch (error) {
+    console.error("Error parsing dateView:", props.value);
+  }
+  function formatTimeAgo(inputdate) {
+    const currentdateView = /* @__PURE__ */ new Date();
+    const timeDifference = Math.floor((currentdateView.getTime() - inputdate.getTime()) / 1e3);
+    if (timeDifference < 10) {
+      return "few secs ago";
+    } else if (timeDifference < 60) {
+      return `${timeDifference} secs ago`;
+    } else if (timeDifference < 3600) {
+      const minutes = Math.floor(timeDifference / 60);
+      return `${minutes} min${minutes > 1 ? "s" : ""} ago`;
+    } else if (timeDifference < 86400) {
+      const hours = Math.floor(timeDifference / 3600);
+      const remainingMinutes = Math.floor(timeDifference % 3600 / 60);
+      return `${hours} hour${hours > 1 ? "s" : ""}, ${remainingMinutes} min${remainingMinutes > 1 ? "s" : ""} ago`;
+    } else if (timeDifference < 14 * 3600) {
+      const daysAgo = Math.floor(timeDifference / 86400);
+      return `${daysAgo} day${daysAgo > 1 ? "s" : ""} ago`;
+    } else {
+      const formatteddateView = inputdate.toLocaleString();
+      return formatteddateView;
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "inline-flex gap-1", children: localdateViewTime == "Invalid dateView undefined" ? "-" : localdateViewTime }) });
+};
+var DateView_default = dateViewView;
+
+// src/controls/view/StatusView.tsx
+var import_react6 = __toESM(require("react"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var statusView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "capitalize font-semibold rounded textView-statusView textView-statusView-" + props.value, children: props.value }) });
+};
+var StatusView_default = statusView;
+
+// src/controls/view/StatusBgView.tsx
+var import_react7 = __toESM(require("react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var statusBgView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react7.default.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "py-0.5 px-1.5 textView-xs capitalize textView-white font-semibold rounded  bg-statusView bg-statusView-" + props.value, children: props.value }) });
+};
+var StatusBgView_default = statusBgView;
+
+// src/controls/view/BooleanView.tsx
+var import_react8 = __toESM(require("react"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var booleanViewView = (props) => {
+  const { value, customProps } = props;
+  const showOnlyTrueIcon = customProps == null ? void 0 : customProps.showOnlyTrueIcon;
+  console.log("BooleanView Debug:", {
+    value,
+    type: typeof value,
+    customProps,
+    showOnlyTrueIcon
+  });
+  const booleanValue = import_react8.default.useMemo(() => {
+    if (typeof value === "boolean") return value;
+    if (typeof value === "string") {
+      return value.toLowerCase() === "true";
+    }
+    if (typeof value === "number") {
+      return value === 1;
+    }
+    return false;
+  }, [value]);
+  if (showOnlyTrueIcon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.default.Fragment, { children: booleanValue === true && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "svg",
+      {
+        className: "w-15 h-8 textView-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.default.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = booleanViewView;
+
+// src/controls/view/MultilineTextBulletsView.tsx
+var import_react9 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var multilineTextBulletsView = (props) => {
+  var _a;
+  const lines = (_a = props.value) == null ? void 0 : _a.split("\\n");
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: line }, index);
+  }) }) });
+};
+var MultilineTextBulletsView_default = multilineTextBulletsView;
+
+// src/controls/view/MultilineTextView.tsx
+var import_react10 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var MultilinetextView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "whitespace-pre-line", children: props.value }) });
+};
+var MultilineTextView_default = MultilinetextView;
+
 // src/controls/view/ViewControlTypesView.tsx
 var ViewControlTypesView = {
   lineTextView: "lineTextView",
@@ -41,7 +232,30 @@ var ViewControlTypesView = {
   // booleanView: "booleanView"
 };
 var ViewControlTypesView_default = ViewControlTypesView;
+
+// src/controls/view/ViewControlView.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ViewControl = (props) => {
+  const ControlComponents = {
+    [ViewControlTypesView_default.lineTextView]: LineTextView_default,
+    [ViewControlTypesView_default.emailTextView]: EmailTextView_default,
+    [ViewControlTypesView_default.multilineTextBulletsView]: MultilineTextBulletsView_default,
+    [ViewControlTypesView_default.moneyView]: MoneyView_default,
+    [ViewControlTypesView_default.numberView]: NumberView_default,
+    [ViewControlTypesView_default.dateView]: DateView_default,
+    [ViewControlTypesView_default.statusView]: StatusView_default,
+    [ViewControlTypesView_default.statusBgView]: StatusBgView_default,
+    [ViewControlTypesView_default.multilineTextView]: MultilineTextView_default,
+    [ViewControlTypesView_default.booleanView]: BooleanView_default,
+    [ViewControlTypesView_default.lineTextView]: LineTextView_default
+    //  [ViewControlTypes.booleanView]: booleanViewView 
+  };
+  const SelectedControlComponent = ControlComponents[props.controlType];
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectedControlComponent, __spreadValues({}, props)) : "Control not found" });
+};
+var ViewControlView_default = ViewControl;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ViewControl,
   ViewControlTypesView
 });

package/dist/index.mjs

@@ -1,3 +1,186 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/controls/view/ViewControlView.tsx
+import React11 from "react";
+
+// src/controls/view/LineTextView.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var linetextView = (props) => {
+  return /* @__PURE__ */ jsx(React.Fragment, { children: props.value });
+};
+var LineTextView_default = linetextView;
+
+// src/controls/view/EmailTextView.tsx
+import React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var emailtextView = (props) => {
+  return /* @__PURE__ */ jsx2(React2.Fragment, { children: props.value });
+};
+var EmailTextView_default = emailtextView;
+
+// src/controls/view/MoneyView.tsx
+import React3 from "react";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var moneyView = (props) => {
+  const parsednumberView = parseFloat(props.value);
+  return /* @__PURE__ */ jsx3(React3.Fragment, { children: !Number.isNaN(parsednumberView) && /* @__PURE__ */ jsxs("span", { className: parsednumberView < 0 ? "textView-alert" : "", children: [
+    /* @__PURE__ */ jsx3("span", { className: "mr-0.5", children: "\u20B9" }),
+    parsednumberView.toLocaleString()
+  ] }) });
+};
+var MoneyView_default = moneyView;
+
+// src/controls/view/NumberView.tsx
+import React4 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var numberView = (props) => {
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: props.value });
+};
+var NumberView_default = numberView;
+
+// src/controls/view/DateView.tsx
+import React5 from "react";
+import moment from "moment-timezone";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var dateViewView = (props) => {
+  var _a;
+  let localdateViewTime = "";
+  let timezone;
+  try {
+    const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
+    const parseddateView = new Date(val);
+    const timezoneOffset = parseddateView.getTimezoneOffset();
+    timezone = (_a = moment.tz.zone(moment.tz.guess())) == null ? void 0 : _a.abbr(timezoneOffset);
+    if (props.format && props.format == "timeago") {
+      localdateViewTime = formatTimeAgo(parseddateView);
+    } else {
+      localdateViewTime = parseddateView.toLocaleString() + " " + timezone;
+    }
+  } catch (error) {
+    console.error("Error parsing dateView:", props.value);
+  }
+  function formatTimeAgo(inputdate) {
+    const currentdateView = /* @__PURE__ */ new Date();
+    const timeDifference = Math.floor((currentdateView.getTime() - inputdate.getTime()) / 1e3);
+    if (timeDifference < 10) {
+      return "few secs ago";
+    } else if (timeDifference < 60) {
+      return `${timeDifference} secs ago`;
+    } else if (timeDifference < 3600) {
+      const minutes = Math.floor(timeDifference / 60);
+      return `${minutes} min${minutes > 1 ? "s" : ""} ago`;
+    } else if (timeDifference < 86400) {
+      const hours = Math.floor(timeDifference / 3600);
+      const remainingMinutes = Math.floor(timeDifference % 3600 / 60);
+      return `${hours} hour${hours > 1 ? "s" : ""}, ${remainingMinutes} min${remainingMinutes > 1 ? "s" : ""} ago`;
+    } else if (timeDifference < 14 * 3600) {
+      const daysAgo = Math.floor(timeDifference / 86400);
+      return `${daysAgo} day${daysAgo > 1 ? "s" : ""} ago`;
+    } else {
+      const formatteddateView = inputdate.toLocaleString();
+      return formatteddateView;
+    }
+  }
+  return /* @__PURE__ */ jsx5(React5.Fragment, { children: /* @__PURE__ */ jsx5("div", { className: "inline-flex gap-1", children: localdateViewTime == "Invalid dateView undefined" ? "-" : localdateViewTime }) });
+};
+var DateView_default = dateViewView;
+
+// src/controls/view/StatusView.tsx
+import React6 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var statusView = (props) => {
+  return /* @__PURE__ */ jsx6(React6.Fragment, { children: /* @__PURE__ */ jsx6("span", { className: "capitalize font-semibold rounded textView-statusView textView-statusView-" + props.value, children: props.value }) });
+};
+var StatusView_default = statusView;
+
+// src/controls/view/StatusBgView.tsx
+import React7 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var statusBgView = (props) => {
+  return /* @__PURE__ */ jsx7(React7.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ jsx7("span", { className: "py-0.5 px-1.5 textView-xs capitalize textView-white font-semibold rounded  bg-statusView bg-statusView-" + props.value, children: props.value }) });
+};
+var StatusBgView_default = statusBgView;
+
+// src/controls/view/BooleanView.tsx
+import React8 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var booleanViewView = (props) => {
+  const { value, customProps } = props;
+  const showOnlyTrueIcon = customProps == null ? void 0 : customProps.showOnlyTrueIcon;
+  console.log("BooleanView Debug:", {
+    value,
+    type: typeof value,
+    customProps,
+    showOnlyTrueIcon
+  });
+  const booleanValue = React8.useMemo(() => {
+    if (typeof value === "boolean") return value;
+    if (typeof value === "string") {
+      return value.toLowerCase() === "true";
+    }
+    if (typeof value === "number") {
+      return value === 1;
+    }
+    return false;
+  }, [value]);
+  if (showOnlyTrueIcon) {
+    return /* @__PURE__ */ jsx8(React8.Fragment, { children: booleanValue === true && /* @__PURE__ */ jsx8(
+      "svg",
+      {
+        className: "w-15 h-8 textView-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ jsx8(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx8(React8.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = booleanViewView;
+
+// src/controls/view/MultilineTextBulletsView.tsx
+import React9 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var multilineTextBulletsView = (props) => {
+  var _a;
+  const lines = (_a = props.value) == null ? void 0 : _a.split("\\n");
+  return /* @__PURE__ */ jsx9(React9.Fragment, { children: /* @__PURE__ */ jsx9("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+    return /* @__PURE__ */ jsx9("li", { children: line }, index);
+  }) }) });
+};
+var MultilineTextBulletsView_default = multilineTextBulletsView;
+
+// src/controls/view/MultilineTextView.tsx
+import React10 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var MultilinetextView = (props) => {
+  return /* @__PURE__ */ jsx10(React10.Fragment, { children: /* @__PURE__ */ jsx10("span", { className: "whitespace-pre-line", children: props.value }) });
+};
+var MultilineTextView_default = MultilinetextView;
+
 // src/controls/view/ViewControlTypesView.tsx
 var ViewControlTypesView = {
   lineTextView: "lineTextView",
@@ -15,6 +198,29 @@ var ViewControlTypesView = {
   // booleanView: "booleanView"
 };
 var ViewControlTypesView_default = ViewControlTypesView;
+
+// src/controls/view/ViewControlView.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ViewControl = (props) => {
+  const ControlComponents = {
+    [ViewControlTypesView_default.lineTextView]: LineTextView_default,
+    [ViewControlTypesView_default.emailTextView]: EmailTextView_default,
+    [ViewControlTypesView_default.multilineTextBulletsView]: MultilineTextBulletsView_default,
+    [ViewControlTypesView_default.moneyView]: MoneyView_default,
+    [ViewControlTypesView_default.numberView]: NumberView_default,
+    [ViewControlTypesView_default.dateView]: DateView_default,
+    [ViewControlTypesView_default.statusView]: StatusView_default,
+    [ViewControlTypesView_default.statusBgView]: StatusBgView_default,
+    [ViewControlTypesView_default.multilineTextView]: MultilineTextView_default,
+    [ViewControlTypesView_default.booleanView]: BooleanView_default,
+    [ViewControlTypesView_default.lineTextView]: LineTextView_default
+    //  [ViewControlTypes.booleanView]: booleanViewView 
+  };
+  const SelectedControlComponent = ControlComponents[props.controlType];
+  return /* @__PURE__ */ jsx11(React11.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, __spreadValues({}, props)) : "Control not found" });
+};
+var ViewControlView_default = ViewControl;
 export {
+  ViewControlView_default as ViewControl,
   ViewControlTypesView_default as ViewControlTypesView
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",