@orangesix/react 1.4.0 → 2.0.3

package/style/scss/panel/_panel.scss

@@ -0,0 +1,47 @@
+.p-panel {
+    .p-panel-header {
+        border: $panelHeaderBorder;
+        padding: $panelHeaderPadding;
+        background: $panelHeaderBg;
+        color: $panelHeaderTextColor;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+
+        .p-panel-title {
+            font-weight: $panelHeaderFontWeight;
+        }
+
+        .p-panel-header-icon {
+            @include action-icon();
+        }
+    }
+
+    &.p-panel-toggleable {
+        .p-panel-header {
+            padding: $panelToggleableHeaderPadding;
+        }
+    }
+
+    &:has(> .p-panel-footer) .p-panel-content {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    .p-panel-content {
+        padding: $panelContentPadding;
+        border: $panelContentBorder;
+        background: $panelContentBg;
+        color: $panelContentTextColor;
+        border-bottom-right-radius: $borderRadius;
+        border-bottom-left-radius: $borderRadius;
+        border-top: 0 none;
+    }
+
+    .p-panel-footer {
+        padding: $panelFooterPadding;
+        border: $panelFooterBorder;
+        background: $panelFooterBg;
+        color: $panelFooterTextColor;
+        border-top: 0 none;
+    }
+}

package/style/scss/panel/_scrollpanel.scss

@@ -0,0 +1,10 @@
+.p-scrollpanel {
+	.p-scrollpanel-bar {
+		background: $scrollPanelTrackBg;
+		border: $scrollPanelTrackBorder;
+
+		&:focus-visible {
+			@include focused();
+		}
+	}
+}

package/style/scss/panel/_splitter.scss

@@ -0,0 +1,23 @@
+.p-splitter {
+	border: $panelContentBorder;
+	background: $panelContentBg;
+	border-radius: $borderRadius;
+	color: $panelContentTextColor;
+
+	.p-splitter-gutter {
+		transition: $actionIconTransition;
+		background: $splitterGutterBg;
+
+		.p-splitter-gutter-handle {
+			background: $splitterGutterHandleBg;
+
+			&:focus-visible {
+				@include focused();
+			}
+		}
+	}
+
+	.p-splitter-gutter-resizing {
+		background: $splitterGutterHandleBg;
+	}
+}

package/style/scss/panel/_stepper.scss

@@ -0,0 +1,136 @@
+@use "sass:math";
+
+//theme
+.p-stepper {
+  .p-stepper-nav {
+    display: flex;
+    justify-content: space-between;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .p-stepper-header {
+    padding: $inlineSpacing;
+
+    .p-stepper-action {
+      transition: $listItemTransition;
+      border-radius: $borderRadius;
+      background: $stepsItemBg;
+      outline-color: transparent;
+
+      .p-stepper-number {
+        color: $stepsItemNumberColor;
+        border: $stepsItemBorder;
+        border-width: 2px;
+        background: $stepsItemBg;
+        min-width: $stepsItemNumberWidth;
+        height: $stepsItemNumberHeight;
+        line-height: $stepsItemNumberHeight;
+        font-size: $stepsItemNumberFontSize;
+        border-radius: $stepsItemNumberBorderRadius;
+        transition: $actionIconTransition;
+      }
+
+      .p-stepper-title {
+        margin-left: $inlineSpacing;
+        color: $stepsItemTextColor;
+        font-weight: $stepsItemActiveFontWeight;
+        transition: $actionIconTransition;
+      }
+
+      &:not(.p-disabled):focus-visible {
+        @include focused();
+      }
+    }
+
+    &.p-highlight {
+      .p-stepper-number {
+        background: $highlightBg;
+        color: $highlightTextColor;
+      }
+
+      .p-stepper-title {
+        color: $textColor;
+      }
+    }
+
+    &:not(.p-disabled):focus-visible {
+      @include focused();
+    }
+
+    &:has(~ .p-highlight) {
+      @if variable-exists(primaryColor) {
+        .p-stepper-separator {
+          background-color: $primaryColor;
+        }
+      }
+    }
+  }
+
+  .p-stepper-panels {
+    background: $tabviewContentBg;
+    padding: $tabviewContentPadding;
+    color: $tabviewContentTextColor;
+  }
+
+  .p-stepper-separator {
+    background-color: $timelineEventColor;
+    width: 100%;
+    height: 2px;
+    margin-inline-start: calc($inlineSpacing * 2);
+    transition: $listItemTransition;
+  }
+
+  &.p-stepper-vertical {
+    display: flex;
+    flex-direction: column;
+
+    .p-stepper-toggleable-content {
+      display: flex;
+      flex: 1 1 auto;
+      background: $tabviewContentBg;
+      color: $tabviewContentTextColor;
+    }
+
+    .p-stepper-panel {
+      display: flex;
+      flex-direction: column;
+      flex: initial;
+
+      &.p-stepper-panel-active {
+        flex: 1 1 auto;
+      }
+
+      .p-stepper-header {
+        flex: initial;
+      }
+
+      .p-stepper-content {
+        width: 100%;
+        padding-left: calc($inlineSpacing * 2);
+      }
+
+      .p-stepper-separator {
+        flex: 0 0 auto;
+        width: 2px;
+        height: auto;
+        margin-inline-start: calc($inlineSpacing * 7 / 2 + 2px);
+      }
+
+      &:has(~ .p-stepper-panel-active) {
+        @if variable-exists(primaryColor) {
+          .p-stepper-separator {
+            background-color: $primaryColor;
+          }
+        }
+      }
+
+      &:last-of-type {
+        .p-stepper-content {
+          padding-left: calc($inlineSpacing * 6);
+        }
+      }
+    }
+  }
+}

package/style/scss/panel/_tabview.scss

@@ -0,0 +1,148 @@
+//core
+.p-tabview-nav-container {
+  position: relative;
+}
+
+.p-tabview-scrollable .p-tabview-nav-container {
+  overflow: hidden;
+}
+
+.p-tabview-nav-content {
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-behavior: smooth;
+  scrollbar-width: none;
+  overscroll-behavior: contain auto;
+  position: relative;
+}
+
+.p-tabview-nav {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  flex: 1 1 auto;
+}
+
+.p-tabview-nav-link {
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  position: relative;
+  text-decoration: none;
+  overflow: hidden;
+}
+
+.p-tabview-ink-bar {
+  display: none;
+  z-index: 1;
+}
+
+.p-tabview-nav-link:focus {
+  z-index: 1;
+}
+
+.p-tabview-close {
+  z-index: 1;
+}
+
+.p-tabview-title {
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.p-tabview-nav-btn {
+  position: absolute;
+  top: 0;
+  z-index: 2;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.p-tabview-nav-prev {
+  left: 0;
+}
+
+.p-tabview-nav-next {
+  right: 0;
+}
+
+.p-tabview-nav-content::-webkit-scrollbar {
+  display: none;
+}
+
+//theme
+.p-tabview {
+  .p-tabview-nav {
+    background: $tabviewNavBg;
+    border: $tabviewNavBorder;
+    border-width: $tabviewNavBorderWidth;
+
+    li {
+      margin-right: $tabviewHeaderSpacing;
+
+      .p-tabview-nav-link {
+        border: $tabviewHeaderBorder;
+        border-width: $tabviewHeaderBorderWidth;
+        border-color: $tabviewHeaderBorderColor;
+        background: $tabviewHeaderBg;
+        color: $tabviewHeaderTextColor !important;
+        padding: $tabviewHeaderPadding;
+        font-weight: $tabviewHeaderFontWeight;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+        transition: $listItemTransition;
+        margin: $tabviewHeaderMargin;
+
+        &:not(.p-disabled):focus-visible {
+          @include focused-inset();
+        }
+      }
+
+      &:not(.p-highlight):not(.p-disabled):hover {
+        .p-tabview-nav-link {
+          background: $tabviewHeaderHoverBg;
+          border-color: $tabviewHeaderHoverBorderColor;
+          color: $tabviewHeaderTextHoverColor;
+        }
+      }
+
+      &.p-highlight {
+        .p-tabview-nav-link {
+          background: $tabviewHeaderActiveBg;
+          border-color: $tabviewHeaderActiveBorderColor;
+          color: $tabviewHeaderTextActiveColor !important;
+        }
+      }
+    }
+  }
+
+  .p-tabview-close {
+    margin-left: $inlineSpacing;
+  }
+
+  .p-tabview-nav-btn.p-link {
+    background: $tabviewHeaderActiveBg;
+    color: $tabviewHeaderTextActiveColor;
+    width: $buttonIconOnlyWidth;
+    box-shadow: $raisedButtonShadow;
+    border-radius: 0;
+
+    &:focus-visible {
+      @include focused-inset();
+    }
+  }
+
+  .p-tabview-panels {
+    background: $tabviewContentBg;
+    padding: $tabviewContentPadding;
+    border: $tabviewContentBorder;
+    color: $tabviewContentTextColor;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+    font-size: $tabviewContentFontSize !important;
+  }
+}

package/style/scss/panel/_toolbar.scss

@@ -0,0 +1,11 @@
+.p-toolbar {
+    background: $panelHeaderBg;
+    border: $panelHeaderBorder;
+    padding: $panelHeaderPadding;
+    border-radius: $borderRadius;
+    gap: $inlineSpacing;
+
+    .p-toolbar-separator {
+        margin: 0 $inlineSpacing;
+    }
+}

package/switch/@types/index.d.ts

@@ -0,0 +1,21 @@
+import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
+interface SwitchBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+    /**
+     * Define a legenda do campo
+     */
+    legend?: string
+
+    /**
+     * Define o valor quando switch for true
+     */
+    valueTrue?: string
+
+    /**
+     * Define o valor quando switch for False
+     */
+    valueFalse?: string
+}
+
+export type SwitchProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? SwitchBaseProps & ApiFieldControlledProps
+    : SwitchBaseProps & ApiFieldHookFormProps;

package/switch/core/controlled/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../../api/input/index.cjs.js"),a=require("primereact/inputswitch");function i({...e}){return n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"w-100 d-flex",children:[n.jsx(a.InputSwitch,{checked:e.value,disabled:e.disabled,falseValue:e.valueFalse??!1,id:e.id,name:e.name,trueValue:e.valueTrue??!0,onChange:t=>{e.onChange&&e.onChange(t.target.value)}}),e.legend&&n.jsx("p",{className:"ms-2 p-inputswitch-legend",children:e.legend})]}),n.jsx(l.InputFeedback,{...e})]})}exports.SwitchControlled=i;
+//# sourceMappingURL=index.cjs.js.map

package/switch/core/controlled/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/switch/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { SwitchProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputSwitch } from \"primereact/inputswitch\";\n\n/**\n * Core - `SwitchControlled`\n * Define o componente controlled\n */\nexport function SwitchControlled({ ...props }: SwitchProps<\"Controlled\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <>\n        <div className=\"w-100 d-flex\">\n            <InputSwitch checked={props.value}\n                         disabled={props.disabled}\n                         falseValue={props.valueFalse ?? false}\n                         id={props.id}\n                         name={props.name}\n                         trueValue={props.valueTrue ?? true}\n                         onChange={event => {\n                             if (props.onChange) {\n                                 props.onChange(event.target.value);\n                             }\n                         }}/>\n            {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\n        </div>\n        <InputFeedback {...props}/>\n    </>;\n}"],"names":["SwitchControlled","props","jsxs","Fragment","jsx","InputSwitch","event","InputFeedback"],"mappings":"sMASO,SAASA,EAAiB,CAAE,GAAGC,GAAoC,CAMtE,OAAOC,EAAAA,KAAAC,WAAA,CACH,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,eACX,SAAA,CAAAE,EAAAA,IAACC,EAAAA,YAAA,CAAY,QAASJ,EAAM,MACf,SAAUA,EAAM,SAChB,WAAYA,EAAM,YAAc,GAChC,GAAIA,EAAM,GACV,KAAMA,EAAM,KACZ,UAAWA,EAAM,WAAa,GAC9B,SAAUK,GAAS,CACXL,EAAM,UACNA,EAAM,SAASK,EAAM,OAAO,KAAK,CAEzC,CAAA,CAAA,EACZL,EAAM,QAAUG,EAAAA,IAAC,KAAE,UAAU,4BAA6B,WAAM,MAAA,CAAO,CAAA,EAC5E,EACAA,MAACG,EAAAA,cAAA,CAAe,GAAGN,CAAA,CAAM,CAAA,EAC7B,CACJ"}

package/switch/core/controlled/index.esm.js

@@ -0,0 +1,29 @@
+import { jsxs as l, Fragment as t, jsx as a } from "react/jsx-runtime";
+import { InputFeedback as d } from "../../../api/input/index.esm.js";
+import { InputSwitch as i } from "primereact/inputswitch";
+function h({ ...e }) {
+  return /* @__PURE__ */ l(t, { children: [
+    /* @__PURE__ */ l("div", { className: "w-100 d-flex", children: [
+      /* @__PURE__ */ a(
+        i,
+        {
+          checked: e.value,
+          disabled: e.disabled,
+          falseValue: e.valueFalse ?? !1,
+          id: e.id,
+          name: e.name,
+          trueValue: e.valueTrue ?? !0,
+          onChange: (n) => {
+            e.onChange && e.onChange(n.target.value);
+          }
+        }
+      ),
+      e.legend && /* @__PURE__ */ a("p", { className: "ms-2 p-inputswitch-legend", children: e.legend })
+    ] }),
+    /* @__PURE__ */ a(d, { ...e })
+  ] });
+}
+export {
+  h as SwitchControlled
+};
+//# sourceMappingURL=index.esm.js.map

package/switch/core/controlled/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/switch/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { SwitchProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputSwitch } from \"primereact/inputswitch\";\n\n/**\n * Core - `SwitchControlled`\n * Define o componente controlled\n */\nexport function SwitchControlled({ ...props }: SwitchProps<\"Controlled\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <>\n        <div className=\"w-100 d-flex\">\n            <InputSwitch checked={props.value}\n                         disabled={props.disabled}\n                         falseValue={props.valueFalse ?? false}\n                         id={props.id}\n                         name={props.name}\n                         trueValue={props.valueTrue ?? true}\n                         onChange={event => {\n                             if (props.onChange) {\n                                 props.onChange(event.target.value);\n                             }\n                         }}/>\n            {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\n        </div>\n        <InputFeedback {...props}/>\n    </>;\n}"],"names":["SwitchControlled","props","jsxs","Fragment","jsx","InputSwitch","event","InputFeedback"],"mappings":";;;AASO,SAASA,EAAiB,EAAE,GAAGC,KAAoC;AAMtE,SAAO,gBAAAC,EAAAC,GAAA,EACH,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UAAY,SAASJ,EAAM;AAAA,UACf,UAAUA,EAAM;AAAA,UAChB,YAAYA,EAAM,cAAc;AAAA,UAChC,IAAIA,EAAM;AAAA,UACV,MAAMA,EAAM;AAAA,UACZ,WAAWA,EAAM,aAAa;AAAA,UAC9B,UAAU,CAAAK,MAAS;AACf,YAAIL,EAAM,YACNA,EAAM,SAASK,EAAM,OAAO,KAAK;AAAA,UAEzC;AAAA,QAAA;AAAA,MAAA;AAAA,MACZL,EAAM,UAAU,gBAAAG,EAAC,OAAE,WAAU,6BAA6B,YAAM,OAAA,CAAO;AAAA,IAAA,GAC5E;AAAA,IACA,gBAAAA,EAACG,GAAA,EAAe,GAAGN,EAAA,CAAM;AAAA,EAAA,GAC7B;AACJ;"}

package/switch/core/controlled.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SwitchProps } from '..';
+/**
+ * Core - `SwitchControlled`
+ * Define o componente controlled
+ */
+export declare function SwitchControlled({ ...props }: SwitchProps<"Controlled">): React.JSX.Element;

package/switch/core/hookForm/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../../api/input/index.cjs.js"),u=require("react-hook-form"),c=require("primereact/inputswitch");function i({...e}){return n.jsx(u.Controller,{render:({field:t,formState:{errors:a}})=>n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"w-100 d-flex",children:[n.jsx(c.InputSwitch,{checked:t.value,disabled:e.disabled,falseValue:e.valueFalse??!1,id:e.id,name:t.name,trueValue:e.valueTrue??!0,onChange:r=>t.onChange(r)}),e.legend&&n.jsx("p",{className:"ms-2 p-inputswitch-legend",children:e.legend})]}),n.jsx(l.InputFeedback,{...e,errors:a})]}),control:e.control,name:e.name})}exports.SwitchHookForm=i;
+//# sourceMappingURL=index.cjs.js.map

package/switch/core/hookForm/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/switch/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { SwitchProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputSwitch } from \"primereact/inputswitch\";\n\n/**\n * Core - `SwitchHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function SwitchHookForm({ ...props }: SwitchProps<\"HookForm\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <>\n                <div className=\"w-100 d-flex\">\n                    <InputSwitch checked={field.value}\n                                 disabled={props.disabled}\n                                 falseValue={props.valueFalse ?? false}\n                                 id={props.id}\n                                 name={field.name}\n                                 trueValue={props.valueTrue ?? true}\n                                 onChange={event => field.onChange(event)}/>\n                    {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\n                </div>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </>;\n        }}\n                    control={props.control}\n                    name={props.name}/>\n    );\n}"],"names":["SwitchHookForm","props","jsx","Controller","field","errors","jsxs","Fragment","InputSwitch","event","InputFeedback"],"mappings":"mOAUO,SAASA,EAAe,CAAE,GAAGC,GAAkC,CAMlE,OACIC,EAAAA,IAACC,EAAAA,WAAA,CAAW,OAAQ,CAAC,CAAE,MAAAC,EAAO,UAAW,CAAE,OAAAC,CAAA,KAChCC,EAAAA,KAAAC,WAAA,CACH,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,eACX,SAAA,CAAAJ,EAAAA,IAACM,EAAAA,YAAA,CAAY,QAASJ,EAAM,MACf,SAAUH,EAAM,SAChB,WAAYA,EAAM,YAAc,GAChC,GAAIA,EAAM,GACV,KAAMG,EAAM,KACZ,UAAWH,EAAM,WAAa,GAC9B,SAAUQ,GAASL,EAAM,SAASK,CAAK,CAAA,CAAA,EACnDR,EAAM,QAAUC,EAAAA,IAAC,KAAE,UAAU,4BAA6B,WAAM,MAAA,CAAO,CAAA,EAC5E,EACAA,EAAAA,IAACQ,EAAAA,cAAA,CAAe,GAAGT,EACJ,OAAAI,CAAA,CAAA,CAAe,EAClC,EAEQ,QAASJ,EAAM,QACf,KAAMA,EAAM,IAAA,CAAA,CAEhC"}

package/switch/core/hookForm/index.esm.js

@@ -0,0 +1,41 @@
+import { jsx as n, jsxs as t, Fragment as m } from "react/jsx-runtime";
+import { InputFeedback as d } from "../../../api/input/index.esm.js";
+import { Controller as i } from "react-hook-form";
+import { InputSwitch as c } from "primereact/inputswitch";
+function g({ ...e }) {
+  return /* @__PURE__ */ n(
+    i,
+    {
+      render: ({ field: a, formState: { errors: l } }) => /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ t("div", { className: "w-100 d-flex", children: [
+          /* @__PURE__ */ n(
+            c,
+            {
+              checked: a.value,
+              disabled: e.disabled,
+              falseValue: e.valueFalse ?? !1,
+              id: e.id,
+              name: a.name,
+              trueValue: e.valueTrue ?? !0,
+              onChange: (r) => a.onChange(r)
+            }
+          ),
+          e.legend && /* @__PURE__ */ n("p", { className: "ms-2 p-inputswitch-legend", children: e.legend })
+        ] }),
+        /* @__PURE__ */ n(
+          d,
+          {
+            ...e,
+            errors: l
+          }
+        )
+      ] }),
+      control: e.control,
+      name: e.name
+    }
+  );
+}
+export {
+  g as SwitchHookForm
+};
+//# sourceMappingURL=index.esm.js.map

package/switch/core/hookForm/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/switch/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { SwitchProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputSwitch } from \"primereact/inputswitch\";\n\n/**\n * Core - `SwitchHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function SwitchHookForm({ ...props }: SwitchProps<\"HookForm\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <>\n                <div className=\"w-100 d-flex\">\n                    <InputSwitch checked={field.value}\n                                 disabled={props.disabled}\n                                 falseValue={props.valueFalse ?? false}\n                                 id={props.id}\n                                 name={field.name}\n                                 trueValue={props.valueTrue ?? true}\n                                 onChange={event => field.onChange(event)}/>\n                    {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\n                </div>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </>;\n        }}\n                    control={props.control}\n                    name={props.name}/>\n    );\n}"],"names":["SwitchHookForm","props","jsx","Controller","field","errors","jsxs","Fragment","InputSwitch","event","InputFeedback"],"mappings":";;;;AAUO,SAASA,EAAe,EAAE,GAAGC,KAAkC;AAMlE,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAAW,QAAQ,CAAC,EAAE,OAAAC,GAAO,WAAW,EAAE,QAAAC,EAAA,QAChC,gBAAAC,EAAAC,GAAA,EACH,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACM;AAAA,YAAA;AAAA,cAAY,SAASJ,EAAM;AAAA,cACf,UAAUH,EAAM;AAAA,cAChB,YAAYA,EAAM,cAAc;AAAA,cAChC,IAAIA,EAAM;AAAA,cACV,MAAMG,EAAM;AAAA,cACZ,WAAWH,EAAM,aAAa;AAAA,cAC9B,UAAU,CAAAQ,MAASL,EAAM,SAASK,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UACnDR,EAAM,UAAU,gBAAAC,EAAC,OAAE,WAAU,6BAA6B,YAAM,OAAA,CAAO;AAAA,QAAA,GAC5E;AAAA,QACA,gBAAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YAAe,GAAGT;AAAA,YACJ,QAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAe,GAClC;AAAA,MAEQ,SAASJ,EAAM;AAAA,MACf,MAAMA,EAAM;AAAA,IAAA;AAAA,EAAA;AAEhC;"}

package/switch/core/hookForm.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SwitchProps } from '..';
+/**
+ * Core - `SwitchHookForm`
+ * Define o componente utilizando o HookForm
+ */
+export declare function SwitchHookForm({ ...props }: SwitchProps<"HookForm">): React.JSX.Element;

package/switch/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("primereact/utils"),r=require("primereact/inputswitch");function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=a(e);const s=({children:r,...a})=>{const n={size:`box-size-${a.size??"100"}`,direction:`box-direction-${a.direction??"row"}`,justify:void 0===a.justify?"":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"":Array.isArray(a.align)?a.align?.join(" "):a.align},s={className:t.classNames(["box",a.className??"",n.size,n.direction,n.justify,n.align]),style:a.css,id:a.id};return e.createElement("div",{...s},r)};s.displayName="Box";const l=({iconPrefix:t="bi bi-",...r})=>r.label&&e.createElement("p",{className:"form-label"},r.icon&&e.createElement("i",{className:t+r.icon+" me-1"}),r.label,r.required&&e.createElement("span",{className:"text-danger"},"*")),i=({errors:t,name:r,...a})=>a.mode&&"Controlled"!==a.mode?e.createElement("div",{className:t[r??""]?"invalid-feedback is-invalid":"","data-name":r??"",id:"j_feedback",style:{display:t[r??""]?"block":"none"}},t[r??""]?t[r??""].message:""):e.createElement("div",{"data-name":r,id:"j_feedback"});var o=e=>null==e;var c=e=>!o(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),u=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,d="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function f(e){let t;const r=Array.isArray(e),a="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else{if(d&&(e instanceof Blob||a)||!r&&!c(e))return e;if(t=r?[]:{},r||(e=>{const t=e.constructor&&e.constructor.prototype;return c(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=f(e[r]));else t=e}return t}var m=e=>/^\w*$/.test(e),b=e=>void 0===e,y=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},g=(e,t,r)=>{if(!t||!c(e))return r;const a=(m(t)?[t]:y(t)).reduce(((e,t)=>o(e)?e:e[t]),e);return b(a)||a===e?b(e[t])?r:e[t]:a},p=e=>"boolean"==typeof e,v=(e,t,r)=>{let a=-1;const n=m(t)?[t]:y(t),s=n.length,l=s-1;for(;++a<s;){const t=n[a];let s=r;if(a!==l){const r=e[t];s=c(r)||Array.isArray(r)?r:isNaN(+n[a+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=s,e=e[t]}};const _="blur",h="change",E="all",V=e.createContext(null);V.displayName="HookFormContext";const w=()=>e.useContext(V);const x="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function j(t){const r=w(),{control:a=r.control,disabled:n,name:s,exact:l}=t||{},[i,o]=e.useState(a._formState),c=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return x((()=>a._subscribe({name:s,formState:c.current,exact:l,callback:e=>{!n&&o({...a._formState,...e})}})),[s,n,l]),e.useEffect((()=>{c.current.isValid&&a._setValid(!0)}),[a]),e.useMemo((()=>((e,t,r,a=!0)=>{const n={defaultValues:t._defaultValues};for(const s in e)Object.defineProperty(n,s,{get:()=>{const n=s;return t._proxyFormState[n]!==E&&(t._proxyFormState[n]=!a||E),r&&(r[n]=!0),e[n]}});return n})(i,a,c.current,!1)),[i,a])}function N(t){const r=w(),{control:a=r.control,name:n,defaultValue:s,disabled:l,exact:i}=t||{},o=e.useRef(s),[c,u]=e.useState(a._getWatch(n,o.current));return x((()=>a._subscribe({name:n,formState:{values:!0},exact:i,callback:e=>!l&&u(((e,t,r,a,n)=>"string"==typeof e?g(r,e,n):Array.isArray(e)?e.map((e=>g(r,e))):r)(n,a._names,e.values||a._formValues,0,o.current))})),[n,a,l,i]),e.useEffect((()=>a._removeUnmounted())),c}const C=t=>t.render(function(t){const r=w(),{name:a,disabled:n,control:s=r.control,shouldUnregister:l}=t,i=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(s._names.array,a),o=N({control:s,name:a,defaultValue:g(s._formValues,a,g(s._defaultValues,a,t.defaultValue)),exact:!0}),c=j({control:s,name:a,exact:!0}),d=e.useRef(t),m=e.useRef(s.register(a,{...t.rules,value:o,...p(t.disabled)?{disabled:t.disabled}:{}})),y=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!g(c.errors,a)},isDirty:{enumerable:!0,get:()=>!!g(c.dirtyFields,a)},isTouched:{enumerable:!0,get:()=>!!g(c.touchedFields,a)},isValidating:{enumerable:!0,get:()=>!!g(c.validatingFields,a)},error:{enumerable:!0,get:()=>g(c.errors,a)}})),[c,a]),E=e.useCallback((e=>m.current.onChange({target:{value:u(e),name:a},type:h})),[a]),V=e.useCallback((()=>m.current.onBlur({target:{value:g(s._formValues,a),name:a},type:_})),[a,s._formValues]),x=e.useCallback((e=>{const t=g(s._fields,a);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[s._fields,a]),C=e.useMemo((()=>({name:a,value:o,...p(n)||c.disabled?{disabled:c.disabled||n}:{},onChange:E,onBlur:V,ref:x})),[a,n,c.disabled,E,V,x,o]);return e.useEffect((()=>{const e=s._options.shouldUnregister||l;s.register(a,{...d.current.rules,...p(d.current.disabled)?{disabled:d.current.disabled}:{}});const t=(e,t)=>{const r=g(s._fields,e);r&&r._f&&(r._f.mount=t)};if(t(a,!0),e){const e=f(g(s._options.defaultValues,a));v(s._defaultValues,a,e),b(g(s._formValues,a))&&v(s._formValues,a,e)}return!i&&s.register(a),()=>{(i?e&&!s._state.action:e)?s.unregister(a):t(a,!1)}}),[a,s,i,l]),e.useEffect((()=>{s._setDisabledField({disabled:n,name:a})}),[n,a,s]),e.useMemo((()=>({field:C,formState:c,fieldState:y})),[C,c,y])}(t));function F({...t}){return e.createElement(C,{render:({field:a,formState:{errors:n}})=>e.createElement(e.Fragment,null,e.createElement("div",{className:"w-100 d-flex"},e.createElement(r.InputSwitch,{checked:a.value,disabled:t.disabled,falseValue:t.valueFalse??!1,id:t.id,name:a.name,trueValue:t.valueTrue??!0,onChange:e=>a.onChange(e)}),t.legend&&e.createElement("p",{className:"ms-2 p-inputswitch-legend"},t.legend)),e.createElement(i,{...t,errors:n})),control:t.control,name:t.name})}function k({...t}){return e.createElement(e.Fragment,null,e.createElement("div",{className:"w-100 d-flex"},e.createElement(r.InputSwitch,{checked:t.value,disabled:t.disabled,falseValue:t.valueFalse??!1,id:t.id,name:t.name,trueValue:t.valueTrue??!0,onChange:e=>{t.onChange&&t.onChange(e.target.value)}}),t.legend&&e.createElement("p",{className:"ms-2 p-inputswitch-legend"},t.legend)),e.createElement(i,{...t}))}function S(t){let r=t;return e.createElement(s,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(l,{...t}),t.mode&&"Controlled"!==t.mode?e.createElement(F,{...r}):e.createElement(k,{...r}))}S.displayName="Switch",exports.Switch=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./switch/index.cjs.js");exports.Switch=t.Switch;
 //# sourceMappingURL=index.cjs.js.map