dce-reactkit 3.7.15 → 3.7.17

package/dist/cjs/types/components/ButtonInputGroup.d.ts

@@ -9,6 +9,8 @@ type Props = {
     children: React.ReactNode;
     className?: string;
     wrapButtonsAndAddGaps?: boolean;
+    isAdminFeature?: boolean;
+    noMarginOnBottom?: boolean;
 };
 declare const ButtonInputGroup: React.FC<Props>;
 export default ButtonInputGroup;

package/dist/cjs/types/components/ToggleSwitch.d.ts

@@ -13,6 +13,7 @@ type Props = {
      */
     onToggle: (isOn: boolean) => void;
     id?: string;
+    className?: string;
     description: string;
     backgroundVariantWhenOn?: Variant;
 };

package/dist/esm/index.js

@@ -1543,21 +1543,21 @@ const ButtonInputGroup = (props) => {
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
     // Destructure all props
-    const { label, minLabelWidth, children, className, wrapButtonsAndAddGaps, } = props;
+    const { label, minLabelWidth, children, className, wrapButtonsAndAddGaps, isAdminFeature, noMarginOnBottom, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
     /*----------------------------------------*/
     /* --------------- Main UI -------------- */
     /*----------------------------------------*/
-    return (React__default.createElement("div", { className: `input-group ${className !== null && className !== void 0 ? className : ''}` },
+    return (React__default.createElement("div", { className: `input-group ${className !== null && className !== void 0 ? className : ''} ${noMarginOnBottom ? '' : 'mb-2'}` },
         React__default.createElement("div", { className: "input-group-prepend d-flex w-100" },
-            React__default.createElement("span", { className: "input-group-text", style: {
+            React__default.createElement("span", { className: `input-group-text ${isAdminFeature ? 'border border-success progress-bar-striped bg-success text-white fw-bold' : ''}`, style: {
                     minWidth: (minLabelWidth !== null && minLabelWidth !== void 0 ? minLabelWidth : undefined),
                     borderTopRightRadius: 0,
                     borderBottomRightRadius: 0,
                 } }, label),
-            React__default.createElement("span", { className: "input-group-text flex-grow-1 rounded-right d-flex flex-wrap", style: {
+            React__default.createElement("span", { className: `input-group-text flex-grow-1 ${isAdminFeature ? 'border-success ' : ''}rounded-right d-flex flex-wrap`, style: {
                     backgroundColor: 'white',
                     borderTopLeftRadius: 0,
                     borderBottomLeftRadius: 0,
@@ -12879,7 +12879,7 @@ const ToggleSwitch = (props) => {
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
     // Destructure all props
-    const { isOn, onToggle, id, description, backgroundVariantWhenOn = Variant$1.Info, } = props;
+    const { isOn, onToggle, id, className, description, backgroundVariantWhenOn = Variant$1.Info, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -12889,7 +12889,7 @@ const ToggleSwitch = (props) => {
     const backgroundVariant = (isOn
         ? backgroundVariantWhenOn
         : 'secondary');
-    return (React__default.createElement("button", { id: id, "aria-label": `If on, ${description}. Currently ${isOn ? 'on' : 'off'}. Click to turn ${isOn ? 'off' : 'on'}.`, className: `alert alert-${backgroundVariant} bg-${backgroundVariant} mb-0 rounded-pill d-inline-block pt-0 pb-0 px-3`, onClick: () => {
+    return (React__default.createElement("button", { id: id, "aria-label": `If on, ${description}. Currently ${isOn ? 'on' : 'off'}. Click to turn ${isOn ? 'off' : 'on'}.`, className: `alert alert-${backgroundVariant} bg-${backgroundVariant} mb-0 rounded-pill d-inline-block pt-0 pb-0 px-3 ${className !== null && className !== void 0 ? className : ''}`, onClick: () => {
             onToggle(!isOn);
         }, type: "button" },
         React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "text-light", style: {