@entur/form - npm Package Compare versions

Comparing version 7.0.39 to 7.0.40

dist/BaseFormControl.d.ts

@@ -9,4 +9,2 @@ import React from 'react';
     className?: string;
-    /** Sett til true om skjema-elementet skal ha mørkt design i contrast mode */
-    dark?: boolean;
     /** Sett til true om skjema-elementet er disabled */
@@ -13,0 +11,0 @@ disabled?: boolean;

dist/form.cjs.development.js

@@ -162,8 +162,6 @@ 'use strict';
 
-var _excluded$e = ["children", "className", "dark", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
+var _excluded$e = ["children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
 var BaseFormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    _ref$dark = _ref.dark,
-    dark = _ref$dark === void 0 ? false : _ref$dark,
     _ref$disabled = _ref.disabled,
@@ -197,3 +195,2 @@ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       'eds-form-control-wrapper--error': currentVariant === 'error',
-      'eds-form-control-wrapper--dark': dark,
       'eds-form-control-wrapper--disabled': disabled,
@@ -200,0 +197,0 @@ 'eds-form-control-wrapper--readonly': readOnly,

dist/form.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("@entur/tooltip"),l=require("classnames"),n=require("react"),t=require("@entur/icons"),r=require("@entur/typography"),i=require("@entur/tokens");function d(e){var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,a}var o=d(n);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},c.apply(this,arguments)}function s(e,a){if(null==e)return{};var l,n,t={},r=Object.keys(e);for(n=0;n<r.length;n++)a.indexOf(l=r[n])>=0||(t[l]=e[l]);return t}var u=["children","hideIcon","variant","className"],m=function(e){var a=e.variant,l="eds-feedback-text__icon eds-feedback-text__icon--"+a;switch(a){case"success":return n.createElement(t.ValidationCheckIcon,{"aria-label":"Suksessmelding",className:l});case"error":return n.createElement(t.ValidationErrorIcon,{"aria-label":"Feilmelding",className:l});case"info":default:return null;case"warning":return n.createElement(t.ValidationExclamationIcon,{"aria-label":"Varselmelding",className:l})}},p=function(e){var a=e.children,t=e.hideIcon,i=void 0!==t&&t,d=e.variant,o=e.className,p=s(e,u);return n.createElement(r.SubLabel,c({className:l("eds-feedback-text",{"eds-feedback-text--info":"info"===d},o)},p),!i&&n.createElement(m,{variant:d}),n.createElement("span",{className:"eds-feedback-text__text"},a))},b=o.createContext({isFilled:!1,setFilled:function(){return null}}),h=function(e){var a=e.children,l=o.useState(!1);return o.createElement(b.Provider,{value:{isFilled:l[0],setFilled:l[1]}},a)},v=function(){return o.useContext(b)},f=["label","required","labelId","staticAnimation"],g=function(e){var a=e.label,t=e.required,r=e.labelId,i=e.staticAnimation,d=void 0!==i&&i,o=s(e,f),u=v(),m=d||u.isFilled;return n.createElement("label",c({className:l(o.className,{"eds-input-group-label-wrapper--filled":m}),id:r},o),n.createElement("span",{className:l("eds-input-group__label",{"eds-input-group__label--filled":m})},a," ",t&&n.createElement("span",null,"*")))},E=n.createContext(null),y=function(){return n.useContext(E)},C=["children","className","dark","disabled","readOnly","variant","prepend","append","size","isFilled","label","required","labelTooltip","feedback","labelId","labelProps","style","disableLabelAnimation","ariaAlertOnFeedback"],x=n.forwardRef((function(e,r){var i=e.children,d=e.className,o=e.dark,u=void 0!==o&&o,m=e.disabled,b=void 0!==m&&m,v=e.readOnly,f=void 0!==v&&v,E=e.variant,x=e.prepend,N=e.append,_=e.size,k=void 0===_?"medium":_,w=e.isFilled,O=e.label,I=e.required,F=e.labelTooltip,R=e.feedback,z=e.labelId,A=e.labelProps,P=e.style,S=e.disableLabelAnimation,V=void 0!==S&&S,L=e.ariaAlertOnFeedback,q=void 0!==L&&L,T=s(e,C),j=y(),M=E||j;return n.createElement(h,null,n.createElement("div",c({className:l("eds-form-control-wrapper",d,"eds-form-control-wrapper--size-"+k,{"eds-form-control-wrapper--success":"success"===M,"eds-form-control-wrapper--error":"error"===M,"eds-form-control-wrapper--dark":u,"eds-form-control-wrapper--disabled":b,"eds-form-control-wrapper--readonly":f,"eds-form-control-wrapper--is-filled":w}),ref:r,style:P},T),x&&n.createElement("div",{className:"eds-form-control__prepend"},x),n.createElement(g,c({label:O,required:I,labelId:z,staticAnimation:V},A)),i,N&&n.createElement("div",{className:"eds-form-control__append"},N),F&&n.createElement("div",{className:"eds-form-control__append eds-form-control__append--tooltip"},n.createElement(a.Tooltip,{content:F,placement:"right"},n.createElement("span",{className:"eds-input-group__label-tooltip-icon"},n.createElement(t.QuestionIcon,null))))),R&&M&&n.createElement(p,{variant:M,role:q?"alert":void 0},R))})),N=["checked","className","children","style","disabled","reduceClickArea"],_=n.forwardRef((function(a,t){var i=a.checked,d=a.className,o=a.children,u=a.style,m=a.disabled,p=void 0!==m&&m,b=a.reduceClickArea,h=s(a,N),v=n.useRef(null),f="indeterminate"===i,g=void 0!==i;return n.useEffect((function(){v&&v.current&&(v.current.indeterminate=f)}),[f]),n.createElement("label",{className:l("eds-checkbox__container",d,{"eds-checkbox--disabled":p,"eds-checkbox__container--reduced-click-area":b}),style:u},n.createElement("input",c({type:"checkbox",ref:e.mergeRefs(t,v),checked:g?!0===i:void 0,disabled:p},h)),n.createElement("span",{className:l("eds-checkbox__icon",{"eds-checkbox__icon--disabled":p,"eds-checkbox__icon--reduced-click-area":b})},n.createElement(k,{indeterminate:f})),o&&n.createElement(r.Paragraph,{className:"eds-checkbox__label",margin:"none",as:"span"},o))})),k=function(e){var a=e.indeterminate;return n.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33","aria-hidden":!0},void 0!==a&&a?n.createElement("rect",{x:"10",y:"25",width:"28",height:"5",fill:"white"}):n.createElement("path",{d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},w=["children","className","label"],O=function(e){var a=e.children,t=e.className,i=e.label,d=s(e,w);return n.createElement("fieldset",c({className:l("eds-fieldset",t)},d),i&&n.createElement(r.Heading5,{as:"legend"},i),a)},I=n.createContext(null),F=I.Provider,R=function(){var e=n.useContext(I);if(!e)throw new Error("You need to wrap your RadioButtons in a RadioGroup component");return e},z=["className","children","value","disabled"],A=n.forwardRef((function(e,a){var t,i,d,o=e.className,u=e.children,m=e.value,p=e.disabled,b=s(e,z),h=l(o,"eds-form-component--radio__radio",{"eds-form-component--radio__radio--disabled":p}),v=R();return n.createElement("label",{className:"eds-form-component--radio__container"},n.createElement("input",c({type:"radio",name:null!=(t=b.name)?t:v.name,ref:a,value:m,checked:null!=(i=b.checked)?i:v.value===m,onChange:null!=(d=b.onChange)?d:v.onChange,disabled:p},b)),n.createElement("span",{className:h},n.createElement("span",{className:"eds-form-component--radio__circle"})),u&&n.createElement(r.Paragraph,{margin:"none",as:"span",className:"eds-form-component--radio__label"},u))})),P=["className","children","value","title","secondaryLabel","size","hideSelectionIndicator","style","id","disabled","type","onChange","checked","name"],S=n.forwardRef((function(a,t){var r,i,d,o,u=a.className,m=a.children,p=a.value,b=a.title,h=a.secondaryLabel,v=a.size,f=void 0===v?"medium":v,g=a.hideSelectionIndicator,E=void 0!==g&&g,y=a.style,C=a.id,x=a.disabled,N=void 0!==x&&x,k=a.type,w=void 0===k?"radio":k,O=a.onChange,I=a.checked,F=a.name,R=s(a,P),z=l(u,"eds-input-panel__container","eds-input-panel--"+f),S=n.useRef(null),V=e.useRandomId("eds-inputpanel"),L=C||V,q=e.useForceUpdate();return n.createElement("label",{className:"eds-input-panel",htmlFor:L},n.createElement("input",c({type:w,name:F,ref:e.mergeRefs(t,S),value:p,checked:I,onChange:function(e){void 0===O&&q(),null==O||O(e)},id:L,disabled:N},R)),n.createElement("div",{className:z,style:y},n.createElement("div",{className:"eds-input-panel__title-wrapper"},n.createElement("div",{className:"eds-input-panel__title"},b),n.createElement("div",{className:"eds-input-panel__secondary-label-and-icon-wrapper"},void 0!==h&&n.createElement(n.Fragment,null,h),n.createElement("span",{style:{pointerEvents:"none"}},!(N||E)&&("radio"===w?n.createElement(A,{name:"",value:"",checked:null!=(r=null!=I?I:null==(i=S.current)?void 0:i.checked)&&r,onChange:function(){},"aria-hidden":"true",tabIndex:-1}):n.createElement(_,{checked:null!=(d=null!=I?I:null==(o=S.current)?void 0:o.checked)&&d,onChange:function(){return null},"aria-hidden":"true",tabIndex:-1}))))),m&&n.createElement("div",{className:"eds-input-panel__additional-content"},m)))})),V=["className","children","value","title","secondaryLabel","size","hideRadioButton","style","id","disabled"],L=n.forwardRef((function(e,a){var l=e.className,t=e.children,r=e.value,i=e.title,d=e.secondaryLabel,o=e.size,u=void 0===o?"medium":o,m=e.hideRadioButton,p=void 0!==m&&m,b=e.style,h=e.id,v=e.disabled,f=void 0!==v&&v,g=s(e,V),E=R();return n.createElement(S,c({type:"radio",name:E.name,title:i,value:r,checked:E.value===r,onChange:E.onChange,className:l,secondaryLabel:d,size:u,hideSelectionIndicator:p,style:b,id:h,disabled:f},g,{ref:a}),t)})),q=["name","checked","onChange","className","children","value","title","secondaryLabel","size","hideCheckbox","style","id","disabled"],T=n.forwardRef((function(e,a){var l=e.name,t=e.checked,r=e.onChange,i=e.className,d=e.children,o=e.value,u=e.title,m=e.secondaryLabel,p=e.size,b=void 0===p?"medium":p,h=e.hideCheckbox,v=void 0!==h&&h,f=e.style,g=e.id,E=e.disabled,y=void 0!==E&&E,C=s(e,q);return n.createElement(S,c({type:"checkbox",name:l,title:u,value:o,checked:t,onChange:r,className:i,secondaryLabel:m,size:b,hideSelectionIndicator:v,style:f,id:g,disabled:y},C,{ref:a}),d)})),j=["name","value","children","onChange","label"],M=["className","children","labelPlacement","icon","hideIcon","color","contrastColor","size","checked"],B=n.forwardRef((function(e,a){var r=e.className,d=e.children,o=e.labelPlacement,u=void 0===o?"right":o,m=e.icon,p=e.hideIcon,b=void 0!==p&&p,h=e.color,v=void 0===h?i.colors.validation.mint:h,f=e.contrastColor,g=void 0===f?i.colors.validation.mintContrast:f,E=e.size,y=void 0===E?"medium":E,C=e.checked,x=s(e,M);return n.createElement("label",{className:l("eds-switch","eds-switch--"+u,r),style:c({},x.style)},n.createElement("input",c({type:"checkbox",ref:a,checked:C},x)),n.createElement("span",{className:l("eds-switch__switch","eds-switch__switch--"+y),style:{"--eds-switch-color":v,"--eds-switch-contrast-color":g},"aria-hidden":"true"},n.createElement("span",{className:"eds-switch__circle"},!b&&(m||(void 0===C?n.createElement(n.Fragment,null):n.createElement(C?t.CheckIcon:t.CloseSmallIcon,{size:"large"===y?23:void 0}))))),d&&n.createElement("span",{className:l("eds-switch__label","eds-switch__label--"+y+"--"+u)},d))}));function G(e){return null!=e&&!(Array.isArray(e)&&0===e.length)}function Y(e,a){return void 0===a&&(a=!1),e&&(G(e.value)&&""!==e.value||a&&G(e.defaultValue)&&""!==e.defaultValue)}var D=["variant","disabled","readOnly","className","style","label","feedback","labelTooltip","onChange","disableLabelAnimation"],H=["readOnly","disabled","onChange","value","variant"],Q=n.forwardRef((function(a,l){var t=a.variant,r=a.disabled,i=void 0!==r&&r,d=a.readOnly,o=void 0!==d&&d,u=a.className,m=a.style,p=a.label,b=a.feedback,h=a.labelTooltip,v=a.onChange,f=a.disableLabelAnimation,g=s(a,D),E=e.useRandomId("eds-textarea");return n.createElement(x,{className:u,disabled:i,readOnly:o,variant:t,style:m,label:p,labelId:E,feedback:b,labelTooltip:h,labelProps:{className:"eds-textarea__label"},disableLabelAnimation:f},n.createElement(U,c({readOnly:o,disabled:i,ref:l,"aria-labelledby":E,onChange:v,variant:t},g)))})),U=n.forwardRef((function(a,l){var t=a.readOnly,r=a.disabled,i=a.onChange,d=a.value,o=a.variant,u=s(a,H),m=y(),p=o||m,b=v(),h=b.isFilled,f=b.setFilled;return e.useOnMount((function(){(null!=d&&d.toString()||u.defaultValue)&&f&&!h&&f(!0)})),n.useEffect((function(){null!=d&&d.toString()&&f&&!h&&f(!0)}),[d,f,h]),n.createElement("textarea",c({className:"eds-form-control eds-textarea",ref:l,readOnly:t,disabled:r,onChange:function(e){Y(e.target)?f&&!h&&f(!0):f&&h&&f(!1),i&&i(e)},value:d,"aria-invalid":"error"===p},u))})),J=["prepend","append","variant","disabled","readOnly","className","style","size","label","required","labelTooltip","feedback","onChange","disableLabelAnimation","labelProps","clearable","onClear","value","ariaAlertOnFeedback"],K=["disabled","readOnly","placeholder","onChange","value","variant"],W=["onClear"],X=n.forwardRef((function(a,l){var t=a.prepend,r=a.append,i=a.variant,d=a.disabled,o=void 0!==d&&d,u=a.readOnly,m=void 0!==u&&u,p=a.className,b=a.style,h=a.size,v=void 0===h?"medium":h,f=a.label,g=a.required,E=a.labelTooltip,y=a.feedback,C=a.onChange,N=a.disableLabelAnimation,_=a.labelProps,k=a.clearable,w=void 0!==k&&k,O=a.onClear,I=a.value,F=a.ariaAlertOnFeedback,R=void 0!==F&&F,z=s(a,J),A=e.useRandomId("eds-textfield"),P=_&&_.id?_.id:A;return n.createElement(x,{disabled:o,readOnly:m,variant:i,prepend:t,append:w&&O?n.createElement($,{onClear:O}):r,className:p,style:b,size:v,label:f,required:g,labelTooltip:E,labelId:P,feedback:y,disableLabelAnimation:N,labelProps:_,ariaAlertOnFeedback:R},n.createElement(Z,c({disabled:o,readOnly:m,ref:l,"aria-labelledby":P,onChange:C,value:I,variant:i},z)))})),Z=n.forwardRef((function(a,l){var t=a.disabled,r=a.readOnly,i=a.placeholder,d=a.onChange,o=a.value,u=a.variant,m=s(a,K),p=y(),b=u||p,h=v(),f=h.isFilled,g=h.setFilled;return e.useOnMount((function(){(null!=o&&o.toString()||m.defaultValue)&&g&&!f&&g(!0)})),n.useEffect((function(){null!=o&&o.toString()&&g&&!f&&g(!0)}),[o,g,f]),n.createElement("input",c({"aria-invalid":"error"===b,className:"eds-form-control",disabled:t,readOnly:r,ref:l,placeholder:i,onChange:function(e){Y(e.target)?g&&!f&&g(!0):g&&f&&g(!1),d&&d(e)},value:o},m))})),$=function(e){var a=e.onClear,l=s(e,W),r=v(),i=r.isFilled,d=r.setFilled;return n.createElement("div",{className:"eds-textfield__clear-button-wrapper"},i&&n.createElement("div",{className:"eds-textfield__divider"}),i&&n.createElement("button",c({className:"eds-textfield__clear-button",type:"button",tabIndex:-1,onClick:function(){d(!1),a()}},l),n.createElement(t.CloseSmallIcon,null)))},ee=["name","onChange","selectedValue","multiple","size"],ae=n.createContext(null),le=function(a){var l=a.name,t=a.onChange,r=void 0===t?function(){}:t,i=a.selectedValue,d=a.multiple,o=a.size,u=s(a,ee),m=e.useRandomId("eds-segmented-control"),p=n.useMemo((function(){return{name:l||m,onChange:r,multiple:d,selectedValue:i,size:o}}),[m,d,l,r,i,o]);return n.createElement(ae.Provider,c({value:p},u))},ne=["children","className","style","value","name","onChange"],te=n.forwardRef((function(e,a){var t=e.children,r=e.className,i=e.style,d=e.value,o=e.name,u=e.onChange,m=void 0===u?function(){}:u,p=s(e,ne),b=function(){var e=n.useContext(ae);if(!e)throw new Error("You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl");return e}(),h=b.name,v=b.selectedValue,f=b.onChange,g=b.multiple,E=b.size,y=g?v[d]:v===d;return n.createElement("label",{className:l("eds-segmented-choice",r),style:i},n.createElement("input",c({type:g?"checkbox":"radio",name:o||h,checked:y,value:d,onChange:function(e){var a;m(e),g?f(c({},v,((a={})[d]=e.target.checked,a))):e.target.checked&&f(d)},ref:a},p)),n.createElement("div",{className:l("eds-base-segmented",{"eds-base-segmented--large":"large"===E})},t))})),re=["children","label","name","onChange","selectedValue","size","className"],ie=["children","label","name","onChange","selectedValue"];e.warnAboutMissingStyles("form","icons","typography"),exports.BaseFormControl=x,exports.Checkbox=_,exports.CheckboxPanel=T,exports.FeedbackText=p,exports.Fieldset=O,exports.InputGroupContextProvider=h,exports.InputGroupLabel=g,exports.MultipleSegmentedControl=function(e){var a=e.children,l=e.label,t=e.name,i=e.onChange,d=e.selectedValue,o=s(e,ie);return n.createElement(le,{name:t,selectedValue:d,onChange:i,multiple:!0,size:"medium"},n.createElement(r.Label,{as:"div"},l),n.createElement("div",c({className:"eds-segmented-control"},o),a))},exports.Radio=A,exports.RadioGroup=function(e){var a=e.name,l=e.value,t=e.children,r=e.onChange,i=e.label,d=s(e,j),o=n.useMemo((function(){return{name:a,value:l,onChange:r}}),[a,l,r]);return n.createElement(F,{value:o},i?n.createElement(O,c({label:i},d),t):t)},exports.RadioPanel=L,exports.SegmentedChoice=te,exports.SegmentedControl=function(e){var a=e.children,t=e.label,r=e.name,i=e.onChange,d=e.selectedValue,o=e.size,u=void 0===o?"medium":o,m=e.className,p=s(e,re);return n.createElement(le,{name:r,selectedValue:d,onChange:i,multiple:!1,size:u},n.createElement(O,{label:t},n.createElement("div",c({className:l("eds-segmented-control",m)},p),a)))},exports.Switch=B,exports.TextArea=Q,exports.TextField=X,exports.VariantProvider=function(e){var a=e.variant;return n.createElement(E.Provider,{value:void 0===a?null:a},e.children)},exports.hasValue=G,exports.isFilled=Y,exports.useInputGroupContext=v,exports.useVariant=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("@entur/tooltip"),l=require("classnames"),n=require("react"),t=require("@entur/icons"),r=require("@entur/typography"),i=require("@entur/tokens");function d(e){var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,a}var o=d(n);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},c.apply(this,arguments)}function s(e,a){if(null==e)return{};var l,n,t={},r=Object.keys(e);for(n=0;n<r.length;n++)a.indexOf(l=r[n])>=0||(t[l]=e[l]);return t}var u=["children","hideIcon","variant","className"],m=function(e){var a=e.variant,l="eds-feedback-text__icon eds-feedback-text__icon--"+a;switch(a){case"success":return n.createElement(t.ValidationCheckIcon,{"aria-label":"Suksessmelding",className:l});case"error":return n.createElement(t.ValidationErrorIcon,{"aria-label":"Feilmelding",className:l});case"info":default:return null;case"warning":return n.createElement(t.ValidationExclamationIcon,{"aria-label":"Varselmelding",className:l})}},p=function(e){var a=e.children,t=e.hideIcon,i=void 0!==t&&t,d=e.variant,o=e.className,p=s(e,u);return n.createElement(r.SubLabel,c({className:l("eds-feedback-text",{"eds-feedback-text--info":"info"===d},o)},p),!i&&n.createElement(m,{variant:d}),n.createElement("span",{className:"eds-feedback-text__text"},a))},b=o.createContext({isFilled:!1,setFilled:function(){return null}}),h=function(e){var a=e.children,l=o.useState(!1);return o.createElement(b.Provider,{value:{isFilled:l[0],setFilled:l[1]}},a)},v=function(){return o.useContext(b)},f=["label","required","labelId","staticAnimation"],g=function(e){var a=e.label,t=e.required,r=e.labelId,i=e.staticAnimation,d=void 0!==i&&i,o=s(e,f),u=v(),m=d||u.isFilled;return n.createElement("label",c({className:l(o.className,{"eds-input-group-label-wrapper--filled":m}),id:r},o),n.createElement("span",{className:l("eds-input-group__label",{"eds-input-group__label--filled":m})},a," ",t&&n.createElement("span",null,"*")))},E=n.createContext(null),y=function(){return n.useContext(E)},C=["children","className","disabled","readOnly","variant","prepend","append","size","isFilled","label","required","labelTooltip","feedback","labelId","labelProps","style","disableLabelAnimation","ariaAlertOnFeedback"],x=n.forwardRef((function(e,r){var i=e.children,d=e.className,o=e.disabled,u=void 0!==o&&o,m=e.readOnly,b=void 0!==m&&m,v=e.variant,f=e.prepend,E=e.append,x=e.size,N=void 0===x?"medium":x,_=e.isFilled,k=e.label,w=e.required,O=e.labelTooltip,I=e.feedback,F=e.labelId,R=e.labelProps,z=e.style,A=e.disableLabelAnimation,P=void 0!==A&&A,S=e.ariaAlertOnFeedback,V=void 0!==S&&S,L=s(e,C),q=y(),T=v||q;return n.createElement(h,null,n.createElement("div",c({className:l("eds-form-control-wrapper",d,"eds-form-control-wrapper--size-"+N,{"eds-form-control-wrapper--success":"success"===T,"eds-form-control-wrapper--error":"error"===T,"eds-form-control-wrapper--disabled":u,"eds-form-control-wrapper--readonly":b,"eds-form-control-wrapper--is-filled":_}),ref:r,style:z},L),f&&n.createElement("div",{className:"eds-form-control__prepend"},f),n.createElement(g,c({label:k,required:w,labelId:F,staticAnimation:P},R)),i,E&&n.createElement("div",{className:"eds-form-control__append"},E),O&&n.createElement("div",{className:"eds-form-control__append eds-form-control__append--tooltip"},n.createElement(a.Tooltip,{content:O,placement:"right"},n.createElement("span",{className:"eds-input-group__label-tooltip-icon"},n.createElement(t.QuestionIcon,null))))),I&&T&&n.createElement(p,{variant:T,role:V?"alert":void 0},I))})),N=["checked","className","children","style","disabled","reduceClickArea"],_=n.forwardRef((function(a,t){var i=a.checked,d=a.className,o=a.children,u=a.style,m=a.disabled,p=void 0!==m&&m,b=a.reduceClickArea,h=s(a,N),v=n.useRef(null),f="indeterminate"===i,g=void 0!==i;return n.useEffect((function(){v&&v.current&&(v.current.indeterminate=f)}),[f]),n.createElement("label",{className:l("eds-checkbox__container",d,{"eds-checkbox--disabled":p,"eds-checkbox__container--reduced-click-area":b}),style:u},n.createElement("input",c({type:"checkbox",ref:e.mergeRefs(t,v),checked:g?!0===i:void 0,disabled:p},h)),n.createElement("span",{className:l("eds-checkbox__icon",{"eds-checkbox__icon--disabled":p,"eds-checkbox__icon--reduced-click-area":b})},n.createElement(k,{indeterminate:f})),o&&n.createElement(r.Paragraph,{className:"eds-checkbox__label",margin:"none",as:"span"},o))})),k=function(e){var a=e.indeterminate;return n.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33","aria-hidden":!0},void 0!==a&&a?n.createElement("rect",{x:"10",y:"25",width:"28",height:"5",fill:"white"}):n.createElement("path",{d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},w=["children","className","label"],O=function(e){var a=e.children,t=e.className,i=e.label,d=s(e,w);return n.createElement("fieldset",c({className:l("eds-fieldset",t)},d),i&&n.createElement(r.Heading5,{as:"legend"},i),a)},I=n.createContext(null),F=I.Provider,R=function(){var e=n.useContext(I);if(!e)throw new Error("You need to wrap your RadioButtons in a RadioGroup component");return e},z=["className","children","value","disabled"],A=n.forwardRef((function(e,a){var t,i,d,o=e.className,u=e.children,m=e.value,p=e.disabled,b=s(e,z),h=l(o,"eds-form-component--radio__radio",{"eds-form-component--radio__radio--disabled":p}),v=R();return n.createElement("label",{className:"eds-form-component--radio__container"},n.createElement("input",c({type:"radio",name:null!=(t=b.name)?t:v.name,ref:a,value:m,checked:null!=(i=b.checked)?i:v.value===m,onChange:null!=(d=b.onChange)?d:v.onChange,disabled:p},b)),n.createElement("span",{className:h},n.createElement("span",{className:"eds-form-component--radio__circle"})),u&&n.createElement(r.Paragraph,{margin:"none",as:"span",className:"eds-form-component--radio__label"},u))})),P=["className","children","value","title","secondaryLabel","size","hideSelectionIndicator","style","id","disabled","type","onChange","checked","name"],S=n.forwardRef((function(a,t){var r,i,d,o,u=a.className,m=a.children,p=a.value,b=a.title,h=a.secondaryLabel,v=a.size,f=void 0===v?"medium":v,g=a.hideSelectionIndicator,E=void 0!==g&&g,y=a.style,C=a.id,x=a.disabled,N=void 0!==x&&x,k=a.type,w=void 0===k?"radio":k,O=a.onChange,I=a.checked,F=a.name,R=s(a,P),z=l(u,"eds-input-panel__container","eds-input-panel--"+f),S=n.useRef(null),V=e.useRandomId("eds-inputpanel"),L=C||V,q=e.useForceUpdate();return n.createElement("label",{className:"eds-input-panel",htmlFor:L},n.createElement("input",c({type:w,name:F,ref:e.mergeRefs(t,S),value:p,checked:I,onChange:function(e){void 0===O&&q(),null==O||O(e)},id:L,disabled:N},R)),n.createElement("div",{className:z,style:y},n.createElement("div",{className:"eds-input-panel__title-wrapper"},n.createElement("div",{className:"eds-input-panel__title"},b),n.createElement("div",{className:"eds-input-panel__secondary-label-and-icon-wrapper"},void 0!==h&&n.createElement(n.Fragment,null,h),n.createElement("span",{style:{pointerEvents:"none"}},!(N||E)&&("radio"===w?n.createElement(A,{name:"",value:"",checked:null!=(r=null!=I?I:null==(i=S.current)?void 0:i.checked)&&r,onChange:function(){},"aria-hidden":"true",tabIndex:-1}):n.createElement(_,{checked:null!=(d=null!=I?I:null==(o=S.current)?void 0:o.checked)&&d,onChange:function(){return null},"aria-hidden":"true",tabIndex:-1}))))),m&&n.createElement("div",{className:"eds-input-panel__additional-content"},m)))})),V=["className","children","value","title","secondaryLabel","size","hideRadioButton","style","id","disabled"],L=n.forwardRef((function(e,a){var l=e.className,t=e.children,r=e.value,i=e.title,d=e.secondaryLabel,o=e.size,u=void 0===o?"medium":o,m=e.hideRadioButton,p=void 0!==m&&m,b=e.style,h=e.id,v=e.disabled,f=void 0!==v&&v,g=s(e,V),E=R();return n.createElement(S,c({type:"radio",name:E.name,title:i,value:r,checked:E.value===r,onChange:E.onChange,className:l,secondaryLabel:d,size:u,hideSelectionIndicator:p,style:b,id:h,disabled:f},g,{ref:a}),t)})),q=["name","checked","onChange","className","children","value","title","secondaryLabel","size","hideCheckbox","style","id","disabled"],T=n.forwardRef((function(e,a){var l=e.name,t=e.checked,r=e.onChange,i=e.className,d=e.children,o=e.value,u=e.title,m=e.secondaryLabel,p=e.size,b=void 0===p?"medium":p,h=e.hideCheckbox,v=void 0!==h&&h,f=e.style,g=e.id,E=e.disabled,y=void 0!==E&&E,C=s(e,q);return n.createElement(S,c({type:"checkbox",name:l,title:u,value:o,checked:t,onChange:r,className:i,secondaryLabel:m,size:b,hideSelectionIndicator:v,style:f,id:g,disabled:y},C,{ref:a}),d)})),j=["name","value","children","onChange","label"],M=["className","children","labelPlacement","icon","hideIcon","color","contrastColor","size","checked"],B=n.forwardRef((function(e,a){var r=e.className,d=e.children,o=e.labelPlacement,u=void 0===o?"right":o,m=e.icon,p=e.hideIcon,b=void 0!==p&&p,h=e.color,v=void 0===h?i.colors.validation.mint:h,f=e.contrastColor,g=void 0===f?i.colors.validation.mintContrast:f,E=e.size,y=void 0===E?"medium":E,C=e.checked,x=s(e,M);return n.createElement("label",{className:l("eds-switch","eds-switch--"+u,r),style:c({},x.style)},n.createElement("input",c({type:"checkbox",ref:a,checked:C},x)),n.createElement("span",{className:l("eds-switch__switch","eds-switch__switch--"+y),style:{"--eds-switch-color":v,"--eds-switch-contrast-color":g},"aria-hidden":"true"},n.createElement("span",{className:"eds-switch__circle"},!b&&(m||(void 0===C?n.createElement(n.Fragment,null):n.createElement(C?t.CheckIcon:t.CloseSmallIcon,{size:"large"===y?23:void 0}))))),d&&n.createElement("span",{className:l("eds-switch__label","eds-switch__label--"+y+"--"+u)},d))}));function G(e){return null!=e&&!(Array.isArray(e)&&0===e.length)}function Y(e,a){return void 0===a&&(a=!1),e&&(G(e.value)&&""!==e.value||a&&G(e.defaultValue)&&""!==e.defaultValue)}var D=["variant","disabled","readOnly","className","style","label","feedback","labelTooltip","onChange","disableLabelAnimation"],H=["readOnly","disabled","onChange","value","variant"],Q=n.forwardRef((function(a,l){var t=a.variant,r=a.disabled,i=void 0!==r&&r,d=a.readOnly,o=void 0!==d&&d,u=a.className,m=a.style,p=a.label,b=a.feedback,h=a.labelTooltip,v=a.onChange,f=a.disableLabelAnimation,g=s(a,D),E=e.useRandomId("eds-textarea");return n.createElement(x,{className:u,disabled:i,readOnly:o,variant:t,style:m,label:p,labelId:E,feedback:b,labelTooltip:h,labelProps:{className:"eds-textarea__label"},disableLabelAnimation:f},n.createElement(U,c({readOnly:o,disabled:i,ref:l,"aria-labelledby":E,onChange:v,variant:t},g)))})),U=n.forwardRef((function(a,l){var t=a.readOnly,r=a.disabled,i=a.onChange,d=a.value,o=a.variant,u=s(a,H),m=y(),p=o||m,b=v(),h=b.isFilled,f=b.setFilled;return e.useOnMount((function(){(null!=d&&d.toString()||u.defaultValue)&&f&&!h&&f(!0)})),n.useEffect((function(){null!=d&&d.toString()&&f&&!h&&f(!0)}),[d,f,h]),n.createElement("textarea",c({className:"eds-form-control eds-textarea",ref:l,readOnly:t,disabled:r,onChange:function(e){Y(e.target)?f&&!h&&f(!0):f&&h&&f(!1),i&&i(e)},value:d,"aria-invalid":"error"===p},u))})),J=["prepend","append","variant","disabled","readOnly","className","style","size","label","required","labelTooltip","feedback","onChange","disableLabelAnimation","labelProps","clearable","onClear","value","ariaAlertOnFeedback"],K=["disabled","readOnly","placeholder","onChange","value","variant"],W=["onClear"],X=n.forwardRef((function(a,l){var t=a.prepend,r=a.append,i=a.variant,d=a.disabled,o=void 0!==d&&d,u=a.readOnly,m=void 0!==u&&u,p=a.className,b=a.style,h=a.size,v=void 0===h?"medium":h,f=a.label,g=a.required,E=a.labelTooltip,y=a.feedback,C=a.onChange,N=a.disableLabelAnimation,_=a.labelProps,k=a.clearable,w=void 0!==k&&k,O=a.onClear,I=a.value,F=a.ariaAlertOnFeedback,R=void 0!==F&&F,z=s(a,J),A=e.useRandomId("eds-textfield"),P=_&&_.id?_.id:A;return n.createElement(x,{disabled:o,readOnly:m,variant:i,prepend:t,append:w&&O?n.createElement($,{onClear:O}):r,className:p,style:b,size:v,label:f,required:g,labelTooltip:E,labelId:P,feedback:y,disableLabelAnimation:N,labelProps:_,ariaAlertOnFeedback:R},n.createElement(Z,c({disabled:o,readOnly:m,ref:l,"aria-labelledby":P,onChange:C,value:I,variant:i},z)))})),Z=n.forwardRef((function(a,l){var t=a.disabled,r=a.readOnly,i=a.placeholder,d=a.onChange,o=a.value,u=a.variant,m=s(a,K),p=y(),b=u||p,h=v(),f=h.isFilled,g=h.setFilled;return e.useOnMount((function(){(null!=o&&o.toString()||m.defaultValue)&&g&&!f&&g(!0)})),n.useEffect((function(){null!=o&&o.toString()&&g&&!f&&g(!0)}),[o,g,f]),n.createElement("input",c({"aria-invalid":"error"===b,className:"eds-form-control",disabled:t,readOnly:r,ref:l,placeholder:i,onChange:function(e){Y(e.target)?g&&!f&&g(!0):g&&f&&g(!1),d&&d(e)},value:o},m))})),$=function(e){var a=e.onClear,l=s(e,W),r=v(),i=r.isFilled,d=r.setFilled;return n.createElement("div",{className:"eds-textfield__clear-button-wrapper"},i&&n.createElement("div",{className:"eds-textfield__divider"}),i&&n.createElement("button",c({className:"eds-textfield__clear-button",type:"button",tabIndex:-1,onClick:function(){d(!1),a()}},l),n.createElement(t.CloseSmallIcon,null)))},ee=["name","onChange","selectedValue","multiple","size"],ae=n.createContext(null),le=function(a){var l=a.name,t=a.onChange,r=void 0===t?function(){}:t,i=a.selectedValue,d=a.multiple,o=a.size,u=s(a,ee),m=e.useRandomId("eds-segmented-control"),p=n.useMemo((function(){return{name:l||m,onChange:r,multiple:d,selectedValue:i,size:o}}),[m,d,l,r,i,o]);return n.createElement(ae.Provider,c({value:p},u))},ne=["children","className","style","value","name","onChange"],te=n.forwardRef((function(e,a){var t=e.children,r=e.className,i=e.style,d=e.value,o=e.name,u=e.onChange,m=void 0===u?function(){}:u,p=s(e,ne),b=function(){var e=n.useContext(ae);if(!e)throw new Error("You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl");return e}(),h=b.name,v=b.selectedValue,f=b.onChange,g=b.multiple,E=b.size,y=g?v[d]:v===d;return n.createElement("label",{className:l("eds-segmented-choice",r),style:i},n.createElement("input",c({type:g?"checkbox":"radio",name:o||h,checked:y,value:d,onChange:function(e){var a;m(e),g?f(c({},v,((a={})[d]=e.target.checked,a))):e.target.checked&&f(d)},ref:a},p)),n.createElement("div",{className:l("eds-base-segmented",{"eds-base-segmented--large":"large"===E})},t))})),re=["children","label","name","onChange","selectedValue","size","className"],ie=["children","label","name","onChange","selectedValue"];e.warnAboutMissingStyles("form","icons","typography"),exports.BaseFormControl=x,exports.Checkbox=_,exports.CheckboxPanel=T,exports.FeedbackText=p,exports.Fieldset=O,exports.InputGroupContextProvider=h,exports.InputGroupLabel=g,exports.MultipleSegmentedControl=function(e){var a=e.children,l=e.label,t=e.name,i=e.onChange,d=e.selectedValue,o=s(e,ie);return n.createElement(le,{name:t,selectedValue:d,onChange:i,multiple:!0,size:"medium"},n.createElement(r.Label,{as:"div"},l),n.createElement("div",c({className:"eds-segmented-control"},o),a))},exports.Radio=A,exports.RadioGroup=function(e){var a=e.name,l=e.value,t=e.children,r=e.onChange,i=e.label,d=s(e,j),o=n.useMemo((function(){return{name:a,value:l,onChange:r}}),[a,l,r]);return n.createElement(F,{value:o},i?n.createElement(O,c({label:i},d),t):t)},exports.RadioPanel=L,exports.SegmentedChoice=te,exports.SegmentedControl=function(e){var a=e.children,t=e.label,r=e.name,i=e.onChange,d=e.selectedValue,o=e.size,u=void 0===o?"medium":o,m=e.className,p=s(e,re);return n.createElement(le,{name:r,selectedValue:d,onChange:i,multiple:!1,size:u},n.createElement(O,{label:t},n.createElement("div",c({className:l("eds-segmented-control",m)},p),a)))},exports.Switch=B,exports.TextArea=Q,exports.TextField=X,exports.VariantProvider=function(e){var a=e.variant;return n.createElement(E.Provider,{value:void 0===a?null:a},e.children)},exports.hasValue=G,exports.isFilled=Y,exports.useInputGroupContext=v,exports.useVariant=y;
 //# sourceMappingURL=form.cjs.production.min.js.map

dist/form.esm.js

@@ -140,8 +140,6 @@ import { mergeRefs, useRandomId, useForceUpdate, useOnMount, warnAboutMissingStyles } from '@entur/utils';
 
-var _excluded$e = ["children", "className", "dark", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
+var _excluded$e = ["children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
 var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
-    _ref$dark = _ref.dark,
-    dark = _ref$dark === void 0 ? false : _ref$dark,
     _ref$disabled = _ref.disabled,
@@ -175,3 +173,2 @@ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       'eds-form-control-wrapper--error': currentVariant === 'error',
-      'eds-form-control-wrapper--dark': dark,
       'eds-form-control-wrapper--disabled': disabled,
@@ -178,0 +175,0 @@ 'eds-form-control-wrapper--readonly': readOnly,

package.json

 {
   "name": "@entur/form",
-  "version": "7.0.39",
+  "version": "7.0.40",
   "license": "EUPL-1.2",
@@ -30,10 +30,10 @@ "main": "dist/index.js",
   "dependencies": {
-    "@entur/icons": "^6.15.1",
-    "@entur/tokens": "^3.13.0",
-    "@entur/tooltip": "^2.6.48",
-    "@entur/typography": "^1.8.24",
+    "@entur/icons": "^6.15.2",
+    "@entur/tokens": "^3.13.1",
+    "@entur/tooltip": "^2.6.49",
+    "@entur/typography": "^1.8.25",
     "@entur/utils": "^0.10.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "450b88a0baca11352d329ffa3fcd6c003ec1d338"
+  "gitHead": "d0a435264ccaf7ed8e6b7798c81e876176ce3d4d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

418893

increased by12.16%

Lines of code

4145

increased by17.32%

Dependency changes

• Updated@entur/icons@^6.15.2

• Updated@entur/tokens@^3.13.1

• Updated@entur/tooltip@^2.6.49

• Updated@entur/typography@^1.8.25