fictoan-react 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/components/Form/BaseInputComponent/BaseInputComponent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../InputLabel/InputLabel.cjs"),a=require("../FormItem/FormItem.cjs");var n=["as","className","label","helpText","errorText","iconLeft","iconRight","validateThis","classNames"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var s=e.forwardRef((function(s,c){var i=s.as,o=s.className,m=s.label,u=s.helpText,p=s.errorText,f=s.iconLeft,b=s.iconRight,h=s.validateThis,E=s.classNames,v=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,n);return e.createElement(a.FormItem,{required:v.required},e.createElement(t.Element,l({as:i,ref:c,classNames:[o||"",f?"with-icon-left":"",b?"with-icon-right":"",h?"validate-this":""].concat(E||[])},v)),f&&e.createElement(t.Element,{as:"span",className:"icon-left"},f),b&&e.createElement(t.Element,{as:"span",className:"icon-right"},b),m&&e.createElement(r.InputLabel,{label:m,htmlFor:v.id}),(u||p)&&e.createElement(t.Element,{as:"div",className:"info-section vertically-center-items",marginTop:"nano"},u&&e.createElement(t.Element,{as:"span",className:"help-text"},u),p&&e.createElement(t.Element,{as:"span",className:"error-text"},p)))}));exports.BaseInputComponent=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../InputLabel/InputLabel.cjs"),a=require("../FormItem/FormItem.cjs");var n=["as","className","label","helpText","errorText","iconLeft","iconRight","validateThis","classNames"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var s=e.forwardRef((function(s,c){var i=s.as,o=s.className,m=s.label,u=s.helpText,p=s.errorText,f=s.iconLeft,b=s.iconRight,h=s.validateThis,E=s.classNames,v=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,n);return e.createElement(a.FormItem,{"data-form-item":!0,required:v.required},e.createElement(t.Element,l({as:i,ref:c,classNames:[o||"",f?"with-icon-left":"",b?"with-icon-right":"",h?"validate-this":""].concat(E||[])},v)),f&&e.createElement(t.Element,{as:"span",className:"icon-left"},f),b&&e.createElement(t.Element,{as:"span",className:"icon-right"},b),m&&e.createElement(r.InputLabel,{label:m,htmlFor:v.id}),(u||p)&&e.createElement(t.Element,{as:"div",className:"info-section vertically-center-items",marginTop:"nano"},u&&e.createElement(t.Element,{as:"span",className:"help-text"},u),p&&e.createElement(t.Element,{as:"span",className:"error-text"},p)))}));exports.BaseInputComponent=s;

package/dist/components/Form/BaseInputComponent/BaseInputComponent.js

@@ -32,8 +32,8 @@ function s(e2, t2) {
   return n2;
 }
 var i = /* @__PURE__ */ e.forwardRef(function(i2, o) {
-  var c = i2.as, m = i2.className, f = i2.label, p = i2.helpText, u = i2.errorText, h = i2.iconLeft, b = i2.iconRight, v = i2.validateThis, g = i2.classNames, O = s(i2, n);
-  return e.createElement(a, { required: O.required }, /* @__PURE__ */ e.createElement(t, l({ as: c, ref: o, classNames: [m || "", h ? "with-icon-left" : "", b ? "with-icon-right" : "", v ? "validate-this" : ""].concat(g || []) }, O)), h && /* @__PURE__ */ e.createElement(t, { as: "span", className: "icon-left" }, h), b && /* @__PURE__ */ e.createElement(t, { as: "span", className: "icon-right" }, b), f && /* @__PURE__ */ e.createElement(r, { label: f, htmlFor: O.id }), (p || u) && /* @__PURE__ */ e.createElement(t, { as: "div", className: "info-section vertically-center-items", marginTop: "nano" }, p && /* @__PURE__ */ e.createElement(t, { as: "span", className: "help-text" }, p), u && /* @__PURE__ */ e.createElement(t, { as: "span", className: "error-text" }, u)));
+  var c = i2.as, m = i2.className, f = i2.label, p = i2.helpText, u = i2.errorText, h = i2.iconLeft, b = i2.iconRight, v = i2.validateThis, d = i2.classNames, g = s(i2, n);
+  return e.createElement(a, { "data-form-item": true, required: g.required }, /* @__PURE__ */ e.createElement(t, l({ as: c, ref: o, classNames: [m || "", h ? "with-icon-left" : "", b ? "with-icon-right" : "", v ? "validate-this" : ""].concat(d || []) }, g)), h && /* @__PURE__ */ e.createElement(t, { as: "span", className: "icon-left" }, h), b && /* @__PURE__ */ e.createElement(t, { as: "span", className: "icon-right" }, b), f && /* @__PURE__ */ e.createElement(r, { label: f, htmlFor: g.id }), (p || u) && /* @__PURE__ */ e.createElement(t, { as: "div", className: "info-section vertically-center-items", marginTop: "nano" }, p && /* @__PURE__ */ e.createElement(t, { as: "span", className: "help-text" }, p), u && /* @__PURE__ */ e.createElement(t, { as: "span", className: "error-text" }, u)));
 });
 export {
   i as BaseInputComponent

package/dist/components/Form/InputField/InputField.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../BaseInputComponent/BaseInputComponent.cjs");function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,o){var u=r({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(t.BaseInputComponent,r({as:"input","data-input":!0,ref:o,placeholder:" "},u))}));exports.InputField=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../BaseInputComponent/BaseInputComponent.cjs");function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,o){var u=r({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(t.BaseInputComponent,r({as:"input","data-input-field":!0,ref:o,placeholder:" "},u))}));exports.InputField=n;

package/dist/components/Form/InputField/InputField.js

@@ -18,7 +18,7 @@ var n = /* @__PURE__ */ t.forwardRef(function(n2, o) {
     if (null == t2)
       throw new TypeError("Cannot destructure " + t2);
   }(n2), n2));
-  return t.createElement(r, e({ as: "input", "data-input": true, ref: o, placeholder: " " }, a));
+  return t.createElement(r, e({ as: "input", "data-input-field": true, ref: o, placeholder: " " }, a));
 });
 export {
   n as InputField

package/dist/components/Form/RadioButton/SlidingSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");require("../../../sliding-selector-k52RqIHf.cjs");var t=["options","onClick"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var i=e.forwardRef((function(i,l){var o=i.options,a=i.onClick,c=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(i,t);return e.createElement(r.Element,{as:"div","data-sliding-selector":!0,ref:l,onClick:a},o.map((function(r){return e.createElement(e.Fragment,{key:r.id},e.createElement("input",n({type:"radio",id:r.id,name:r.id,value:r.value},c)),e.createElement("label",{htmlFor:r.id},r.label))})))}));exports.SlidingSelector=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");require("../../../sliding-selector-k52RqIHf.cjs");const t=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["options","defaultValue","required"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var a=function(t){var a=t.options;t.defaultValue;var l=t.required,i=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,n);return e.createElement(r.Element,{as:"div","data-sliding-selector":!0,required:l},a.map((function(t){return e.createElement(r.Element,{as:"div",key:t.id},e.createElement("input",o({type:"radio"},i,t)),e.createElement("label",{htmlFor:t.id},t.label))})))},l=e.forwardRef((function(r,n){return e.createElement(t.BaseInputComponent,o({as:a,ref:n},r))}));exports.SlidingSelector=l;

package/dist/components/Form/RadioButton/SlidingSelector.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import { RadioButtonProps, RadioGroupProps } from "./constants";
-export interface SlidingSelectorProps extends RadioButtonProps {
-    options: RadioGroupProps[];
+import { RadioGroupProps } from "./constants";
+export interface SlidingSelectorProps extends RadioGroupProps {
 }
 export declare const SlidingSelector: React.ForwardRefExoticComponent<SlidingSelectorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Form/RadioButton/SlidingSelector.js

@@ -1,41 +1,48 @@
 import e from "react";
-import { Element as r } from "../../Element/Element.js";
+import { Element as t } from "../../Element/Element.js";
 import "../../../sliding-selector-w40geAFS.js";
-var t = ["options", "onClick"];
-function n() {
-  return n = Object.assign ? Object.assign.bind() : function(e2) {
-    for (var r2 = 1; r2 < arguments.length; r2++) {
-      var t2 = arguments[r2];
-      for (var n2 in t2)
-        Object.prototype.hasOwnProperty.call(t2, n2) && (e2[n2] = t2[n2]);
+import { BaseInputComponent as r } from "../BaseInputComponent/BaseInputComponent.js";
+import "../InputLabel/InputLabel.js";
+import "../FormItem/FormItem.js";
+var n = ["options", "defaultValue", "required"];
+function o() {
+  return o = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var t2 = 1; t2 < arguments.length; t2++) {
+      var r2 = arguments[t2];
+      for (var n2 in r2)
+        Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
     }
     return e2;
-  }, n.apply(this, arguments);
+  }, o.apply(this, arguments);
 }
-function o(e2, r2) {
+function a(e2, t2) {
   if (null == e2)
     return {};
-  var t2, n2, o2 = function(e3, r3) {
+  var r2, n2, o2 = function(e3, t3) {
     if (null == e3)
       return {};
-    var t3, n3, o3 = {}, i3 = Object.keys(e3);
-    for (n3 = 0; n3 < i3.length; n3++)
-      t3 = i3[n3], r3.indexOf(t3) >= 0 || (o3[t3] = e3[t3]);
+    var r3, n3, o3 = {}, a3 = Object.keys(e3);
+    for (n3 = 0; n3 < a3.length; n3++)
+      r3 = a3[n3], t3.indexOf(r3) >= 0 || (o3[r3] = e3[r3]);
     return o3;
-  }(e2, r2);
+  }(e2, t2);
   if (Object.getOwnPropertySymbols) {
-    var i2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < i2.length; n2++)
-      t2 = i2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (o2[t2] = e2[t2]);
+    var a2 = Object.getOwnPropertySymbols(e2);
+    for (n2 = 0; n2 < a2.length; n2++)
+      r2 = a2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (o2[r2] = e2[r2]);
   }
   return o2;
 }
-var i = /* @__PURE__ */ e.forwardRef(function(i2, l) {
-  var a = i2.options, c = i2.onClick, f = o(i2, t);
-  return e.createElement(r, { as: "div", "data-sliding-selector": true, ref: l, onClick: c }, a.map(function(r2) {
-    return e.createElement(e.Fragment, { key: r2.id }, /* @__PURE__ */ e.createElement("input", n({ type: "radio", id: r2.id, name: r2.id, value: r2.value }, f)), /* @__PURE__ */ e.createElement("label", { htmlFor: r2.id }, r2.label));
+var i = function(r2) {
+  var i2 = r2.options;
+  r2.defaultValue;
+  var l2 = r2.required, u = a(r2, n);
+  return e.createElement(t, { as: "div", "data-sliding-selector": true, required: l2 }, i2.map(function(r3) {
+    return e.createElement(t, { as: "div", key: r3.id }, /* @__PURE__ */ e.createElement("input", o({ type: "radio" }, u, r3)), /* @__PURE__ */ e.createElement("label", { htmlFor: r3.id }, r3.label));
   }));
+}, l = /* @__PURE__ */ e.forwardRef(function(t2, n2) {
+  return e.createElement(r, o({ as: i, ref: n2 }, t2));
 });
 export {
-  i as SlidingSelector
+  l as SlidingSelector
 };

package/dist/components/Form/RadioButton/SlidingSelector.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SlidingSelector } from "./SlidingSelector";
+declare const meta: Meta<typeof SlidingSelector>;
+export default meta;
+type Story = StoryObj<typeof SlidingSelector>;
+export declare const Default: Story;