@e1011/es-kit 1.0.234 → 1.1.0

package/dist/hooks/esm/index.css

@@ -47,15 +47,6 @@
   width: var(--height);
   height: var(--width);
 }
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -89,6 +80,89 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
+.field-module_field__UfKm3 {
+  opacity: 1;
+  pointer-events: auto;
+  flex: 1 1 auto;
+  width: 100%;
+  /* Chrome, Safari, Edge, Opera */
+  /* Firefox */
+}
+.field-module_field__UfKm3.field-module_disabled__4aFNw {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media (min-width: 400px) {
+  .field-module_field__UfKm3 {
+    flex: 1;
+  }
+}
+.field-module_field__UfKm3 .field-module_label__pJCHG {
+  font-size: 0.8rem !important;
+  font-weight: normal;
+}
+.field-module_field__UfKm3 .field-module_help__8psM4 {
+  text-align: left;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe {
+  flex: 1;
+  border-radius: 6px;
+  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
+  will-change: box-shadow;
+  transition: box-shadow 250ms ease-in-out;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 button {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp {
+  width: 100%;
+  flex: 1;
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp::after {
+  border-color: #000000 !important;
+}
+.field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
+  cursor: pointer;
+  pointer-events: initial !important;
+}
+.field-module_field__UfKm3 input::-webkit-outer-spin-button,
+.field-module_field__UfKm3 input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.field-module_field__UfKm3 input[type=number] {
+  -moz-appearance: textfield;
+}
+.field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  -webkit-appearance: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+.field-module_field__UfKm3 textarea {
+  resize: none;
+}
+.field-module_field__UfKm3 label {
+  text-align: left;
+}
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;

package/dist/hooks/index.css

@@ -47,15 +47,6 @@
   width: var(--height);
   height: var(--width);
 }
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -89,6 +80,89 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
+.field-module_field__UfKm3 {
+  opacity: 1;
+  pointer-events: auto;
+  flex: 1 1 auto;
+  width: 100%;
+  /* Chrome, Safari, Edge, Opera */
+  /* Firefox */
+}
+.field-module_field__UfKm3.field-module_disabled__4aFNw {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media (min-width: 400px) {
+  .field-module_field__UfKm3 {
+    flex: 1;
+  }
+}
+.field-module_field__UfKm3 .field-module_label__pJCHG {
+  font-size: 0.8rem !important;
+  font-weight: normal;
+}
+.field-module_field__UfKm3 .field-module_help__8psM4 {
+  text-align: left;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe {
+  flex: 1;
+  border-radius: 6px;
+  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
+  will-change: box-shadow;
+  transition: box-shadow 250ms ease-in-out;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 button {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp {
+  width: 100%;
+  flex: 1;
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp::after {
+  border-color: #000000 !important;
+}
+.field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
+  cursor: pointer;
+  pointer-events: initial !important;
+}
+.field-module_field__UfKm3 input::-webkit-outer-spin-button,
+.field-module_field__UfKm3 input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.field-module_field__UfKm3 input[type=number] {
+  -moz-appearance: textfield;
+}
+.field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  -webkit-appearance: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+.field-module_field__UfKm3 textarea {
+  resize: none;
+}
+.field-module_field__UfKm3 label {
+  text-align: left;
+}
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;

package/dist/lib/cjs/index.css

@@ -137,6 +137,80 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
+.field-module_field__UfKm3 {
+  opacity: 1;
+  pointer-events: auto;
+  flex: 1 1 auto;
+  width: 100%;
+  /* Chrome, Safari, Edge, Opera */
+  /* Firefox */
+}
+.field-module_field__UfKm3.field-module_disabled__4aFNw {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media (min-width: 400px) {
+  .field-module_field__UfKm3 {
+    flex: 1;
+  }
+}
+.field-module_field__UfKm3 .field-module_label__pJCHG {
+  font-size: 0.8rem !important;
+  font-weight: normal;
+}
+.field-module_field__UfKm3 .field-module_help__8psM4 {
+  text-align: left;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe {
+  flex: 1;
+  border-radius: 6px;
+  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
+  will-change: box-shadow;
+  transition: box-shadow 250ms ease-in-out;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 button {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp {
+  width: 100%;
+  flex: 1;
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp::after {
+  border-color: #000000 !important;
+}
+.field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
+  cursor: pointer;
+  pointer-events: initial !important;
+}
+.field-module_field__UfKm3 input::-webkit-outer-spin-button,
+.field-module_field__UfKm3 input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.field-module_field__UfKm3 input[type=number] {
+  -moz-appearance: textfield;
+}
+.field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  -webkit-appearance: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+.field-module_field__UfKm3 textarea {
+  resize: none;
+}
+.field-module_field__UfKm3 label {
+  text-align: left;
+}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;

package/dist/lib/cjs/src/core/ui/components/field/Field.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(t);let o=()=>"#000000";let i=a.memo((function(){return React.createElement("span",null)}));const r=l.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var s=l.default(r).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const c=a.memo((function(t){let{options:a,value:n,inputRef:l,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:l,defaultValue:n}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),p=l.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),d=l.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),u=l.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),m=a.memo((t=>{let{label:n,name:l,type:r="text",value:m,defaultValue:f,placeholder:h,inputRef:b,error:x,disabled:g,userDisabled:y,withoutComponent:w,helpTextInfo:C,helpText:v,children:N,iconLeft:R,iconRight:_,addon:E,className:F,onChange:k,onChangeInner:I,onBlur:j,onFocus:D,rightIconClick:$,leftIconClick:B,options:S,css:q,...z}=t,L=p;N||"textarea"!==r||(L=d);const T=a.useCallback((e=>{y?e?.preventDefault?.():D&&D(e)}),[y,D]),V=a.useCallback((e=>{y||(I&&e?.target?(e.target.value=I(e.target.value),k&&k(e)):k&&k(e))}),[I,k,y]),W=a.useMemo((()=>void 0===m?{defaultValue:f}:{value:m}),[m,f]);return React.createElement(s,{className:`field ${F}`,error:x,disabled:g,userDisabled:y,$_css:q},React.createElement(u,{htmlFor:l,className:"label"},n),React.createElement("div",{className:"field "+(E?"has-addons":"")},React.createElement("div",{className:`control mainControl ${R&&!w?"has-icons-left":""} ${_?"has-icons-right":""}`},!w&&(N||"select"!==r&&!S?!N&&React.createElement(L,e.extends({name:l,id:l,ref:b,className:"input "+(x?"is-danger":""),type:r,placeholder:h},W,{onChange:V,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z)):React.createElement(c,e.extends({name:l,id:l,inputRef:b,className:"input "+(x?"is-danger":""),type:"select",placeholder:h,value:m,options:S,onChange:k,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z))),R&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(B?"is-action":""),onClick:B},React.createElement(i,{iconName:R,color:o})),_&&React.createElement("span",{className:"iconRight icon is-small is-right "+($?"is-action":""),onClick:$},React.createElement(i,{iconName:_,color:o})),N&&N),E&&E),C&&React.createElement("p",{className:"help"},C),v&&React.createElement("p",{className:"help "+(x?"is-danger":"")},v))}));m.displayName="Field",exports.Field=m,exports.FieldWrapper=r,exports.Select=c,exports.setIconColor=e=>{o=e},exports.setIconComponent=e=>{i=e};
+"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../../../utils/helpers/ui.js"),l=require("./field.module.scss.js");let n=()=>"#000000";let o=t.memo((function(){return React.createElement("span",null)}));const s=t.memo((function(t){let{options:a,value:l,inputRef:n,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:n,defaultValue:l}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),c=t.memo((e=>t.createElement("textarea",e)));c.displayName="TextAreaComponent";const r=t.memo((e=>t.createElement("input",e)));r.displayName="InputComponent";const i=t.memo((i=>{let{label:m,name:u,type:p="text",value:d,defaultValue:f,placeholder:h,inputRef:R,error:N,disabled:C,userDisabled:E,withoutComponent:g,helpTextInfo:v,helpText:b,children:y,iconLeft:x,iconRight:k,addon:I,className:F,onChange:j,onChangeInner:q,onBlur:B,onFocus:D,rightIconClick:w,leftIconClick:T,options:V,style:$,...K}=i,L=r;y||"textarea"!==p||(L=c);const S=t.useCallback((e=>{E?e?.preventDefault?.():D&&D(e)}),[E,D]),_=t.useCallback((e=>{E||(q&&e?.target?(e.target.value=q(e.target.value),j&&j(e)):j&&j(e))}),[q,j,E]),A=t.useMemo((()=>void 0===d?{defaultValue:f}:{value:d}),[d,f]);return React.createElement("div",{className:a.classNames(l.default.field,(C||E)&&l.default.disable,F),style:$},React.createElement("label",{htmlFor:u,className:"label"},m),React.createElement("div",{className:"field "+(I?"has-addons":"")},React.createElement("div",{className:`control mainControl ${x&&!g?"has-icons-left":""} ${k?"has-icons-right":""}`},!g&&(y||"select"!==p&&!V?!y&&React.createElement(L,e.extends({name:u,id:u,ref:R,className:"input "+(N?"is-danger":""),type:p,placeholder:h},A,{onChange:_,onBlur:B,onFocus:S,onKeyDown:S,autoComplete:"off",disabled:C},K)):React.createElement(s,e.extends({name:u,id:u,inputRef:R,className:"input "+(N?"is-danger":""),type:"select",placeholder:h,value:d,options:V,onChange:j,onBlur:B,onFocus:S,onKeyDown:S,autoComplete:"off",disabled:C},K))),x&&!g&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(T?"is-action":""),onClick:T},React.createElement(o,{iconName:x,color:n})),k&&React.createElement("span",{className:"iconRight icon is-small is-right "+(w?"is-action":""),onClick:w},React.createElement(o,{iconName:k,color:n})),y&&y),I&&I),v&&React.createElement("p",{className:"help"},v),b&&React.createElement("p",{className:"help "+(N?"is-danger":"")},b))}));i.displayName="Field",exports.Field=i,exports.Select=s,exports.setIconColor=e=>{n=e},exports.setIconComponent=e=>{o=e};
 //# sourceMappingURL=Field.js.map

package/dist/lib/cjs/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }): number => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }): string => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","default","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disable,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/field/field.module.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={field:"field-module_field__UfKm3",disabled:"field-module_disabled__4aFNw",label:"field-module_label__pJCHG",help:"field-module_help__8psM4",mainControl:"field-module_mainControl__RIMTe",select:"field-module_select__-wfDp",icon:"field-module_icon__6vSNr","is-action":"field-module_is-action__pf8ZC",input:"field-module_input__v-872"};
+//# sourceMappingURL=field.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/field/field.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/src/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useOutsideClick.js"),o=require("./core/hooks/useResize.js"),s=require("./core/hooks/useClassNames.js"),i=require("./core/hooks/useParseProps.js"),a=require("./core/hooks/useThemePreference.js"),l=require("./core/utils/helpers/birthnumber.validator.js"),p=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),n=require("./core/utils/helpers/fileValidator.js"),c=require("./core/utils/helpers/date.js"),u=require("./core/utils/helpers/deviceInfo.js"),x=require("./core/utils/helpers/emailMatcher.js"),m=require("./core/utils/helpers/file.js"),d=require("./core/utils/helpers/objectOperations.js"),h=require("./core/utils/helpers/other.js"),C=require("./core/utils/helpers/textValueOperations.js"),T=require("./core/utils/helpers/valueOperations.js"),j=require("./core/utils/helpers/cancelableDelayedFunction.js"),S=require("./core/utils/helpers/ui.js"),v=require("./core/utils/keyExtractor.js"),y=require("./core/utils/date.js"),g=require("./core/utils/webComponents/webComponent.utils.js"),F=require("./core/utils/appState/store/store.vanillajs.js"),b=require("./core/utils/appState/store/store.vanillajs.templates.js"),q=require("./core/utils/appState/store/useStore.react.js"),f=require("./core/constants/ui.constants.js"),z=require("./core/ui/utils/style.js"),D=require("./core/ui/components/container/layoutBox/LayoutBox.js"),I=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),L=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),P=require("./core/ui/components/container/Flex.js"),B=require("./core/ui/components/container/Placeholder.js"),E=require("./core/ui/components/container/CollapsibleContainer.js"),V=require("./core/ui/components/container/ResizableContainer.js"),N=require("./core/ui/components/error/ErrorBoundary.js"),O=require("./core/ui/components/field/Field.js"),k=require("./core/ui/components/dividers/DividerLine.js"),R=require("./core/ui/components/icon/IconBase.js"),A=require("./core/ui/components/icon/Icon.js"),w=require("./core/ui/components/icon/IconWC.js"),M=require("./core/ui/components/molecules/layouts/FlowLayout.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.outsideClickHandler=t.outsideClickHandler,exports.useOutsideClick=t.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=s.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=a.getBaseThemes,exports.observeThemePreference=a.observeThemePreference,exports.setTHemeClassNames=a.setTHemeClassNames,exports.switchColorTheme=a.switchColorTheme,exports.updateColorTheme=a.updateColorTheme,exports.useThemePreference=a.useThemePreference,exports.isBirthNumberValid=l.isBirthNumberValid,exports.getMatch=p.getMatch,exports.isValidFormat=p.isValidFormat,exports.isValidModulo11=p.isValidModulo11,exports.parse=p.parse,exports.regex=p.regex,exports.parseCSVdata=n.parseCSVdata,exports.validateCSVFile=n.validateCSVFile,exports.validateCSVlines=n.validateCSVlines,exports.validateJSONFile=n.validateJSONFile,exports.validateLineCellTrimmed=n.validateLineCellTrimmed,exports.validateLineNumColumns=n.validateLineNumColumns,exports.validateSDFFile=n.validateSDFFile,exports.DATE_FORMAT=c.DATE_FORMAT,exports.formatDateToTimestamp=c.formatDateToTimestamp,exports.getDate=c.getDate,exports.getDeviceId=u.getDeviceId,exports.emailMatch=x.emailMatch,exports.emailMatcher=x.emailMatcher,exports.regexBuilder=x.regexBuilder,exports.cleanCsvLines=m.cleanCsvLines,exports.formatFilePath=m.formatFilePath,exports.arrayToObjectTree=d.arrayToObjectTree,exports.chunkArray=d.chunkArray,exports.duplicatesInArray=d.duplicatesInArray,exports.formatJsonString=d.formatJsonString,exports.formatObj=d.formatObj,exports.formatObj2=d.formatObj2,exports.debounce=h.debounce,exports.delay=h.delay,exports.memoize=h.memoize,exports.memoizeComplex=h.memoizeComplex,exports.memoizer=h.memoizer,exports.nestedTernary=h.nestedTernary,exports.escapeRegExp=C.escapeRegExp,exports.fileNameExt=C.fileNameExt,exports.findStringInText=C.findStringInText,exports.normalizeString=C.normalizeString,exports.removeWhitespaces=C.removeWhitespaces,exports.sanitizeId=C.sanitizeId,exports.sanitizePathId=C.sanitizePathId,exports.toLowerCase=C.toLowerCase,exports.toUpperCase=C.toUpperCase,exports.truncateText=C.truncateText,exports.Operation=T.Operation,exports.decrementValue=T.decrementValue,exports.incerementValue=T.incerementValue,exports.numberDefined=T.numberDefined,exports.numberOperation=T.numberOperation,exports.restrictNumberInLimits=T.restrictNumberInLimits,exports.setValue=T.setValue,exports.cancelableSetInterval=j.cancelableSetInterval,exports.cancelableSetTimeout=j.cancelableSetTimeout,exports.anchorClick=S.anchorClick,exports.classNames=S.classNames,exports.generateId=S.generateId,exports.mapSerReplacer=S.mapSerReplacer,exports.noop=S.noop,exports.parseProps=S.parseProps,exports.keyExtractor=v.keyExtractor,exports.keyExtractorFunction=v.keyExtractorFunction,exports.dateRangeFormat=y.dateRangeFormat,exports.getDateTime=y.getDateTime,exports.getTimeFromNow=y.getTimeFromNow,exports.getTimeFromNowOriginal=y.getTimeFromNowOriginal,exports.getTimeTo=y.getTimeTo,exports.ced=g.ced,exports.createResolveAttribute=g.createResolveAttribute,exports.customElementDefine=g.customElementDefine,exports.resolveAttributes=g.resolveAttributes,exports.createStore=F.createStore,exports.createDataStore=b.createDataStore,exports.useStore=q.useStore,exports.useStoreApi=q.useStoreApi,exports.EventName=f.EventName,exports.calculateColors=z.calculateColors,exports.calculatePercColor=z.calculatePercColor,exports.convertHex=z.convertHex,exports.convertRGB=z.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return z.defaultFontSize}}),exports.pxToRem=z.pxToRem,exports.resolveStyleValue=z.resolveStyleValue,exports.setDefaultFontSize=z.setDefaultFontSize,exports.toHex=z.toHex,exports.LayoutBox=D.LayoutBox,exports.LayoutDirection=I.LayoutDirection,exports.LazyComponent=L.LazyComponent,exports.PendingBoundary=L.PendingBoundary,exports.createLazyModule=L.createLazyModule,exports.createLazyModuleWithStore=L.createLazyModuleWithStore,exports.wrapPromise=L.wrapPromise,exports.Flex=P.Flex,exports.FlexTight=P.FlexTight,exports.FlexTightStyled=P.FlexTightStyled,exports.FlexWrapper=P.FlexWrapper,exports.Placeholder=B.Placeholder,exports.CollapsibleContainer=E.CollapsibleContainer,exports.ResizableContainer=V.ResizableContainer,exports.DefaultErrorComponent=N.DefaultErrorComponent,exports.ErrorBoundary=N.ErrorBoundary,exports.Field=O.Field,exports.FieldWrapper=O.FieldWrapper,exports.Select=O.Select,exports.setIconColor=O.setIconColor,exports.setIconComponent=O.setIconComponent,exports.DividerHorizontal=k.DividerHorizontal,exports.DividerLine=k.DividerLine,exports.DividerVertical=k.DividerVertical,exports.IconBase=R.IconBase,exports.Icon=A.Icon,exports.ESIcon=w.ESIcon,exports.ESIconBase=w.ESIconBase,exports.FlowLayout=M.FlowLayout;
+"use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useOutsideClick.js"),o=require("./core/hooks/useResize.js"),s=require("./core/hooks/useClassNames.js"),i=require("./core/hooks/useParseProps.js"),a=require("./core/hooks/useThemePreference.js"),n=require("./core/utils/helpers/birthnumber.validator.js"),p=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),l=require("./core/utils/helpers/fileValidator.js"),u=require("./core/utils/helpers/date.js"),c=require("./core/utils/helpers/deviceInfo.js"),x=require("./core/utils/helpers/emailMatcher.js"),m=require("./core/utils/helpers/file.js"),d=require("./core/utils/helpers/objectOperations.js"),C=require("./core/utils/helpers/other.js"),h=require("./core/utils/helpers/textValueOperations.js"),j=require("./core/utils/helpers/valueOperations.js"),T=require("./core/utils/helpers/cancelableDelayedFunction.js"),v=require("./core/utils/helpers/ui.js"),S=require("./core/utils/keyExtractor.js"),y=require("./core/utils/date.js"),g=require("./core/utils/webComponents/webComponent.utils.js"),b=require("./core/utils/appState/store/store.vanillajs.js"),q=require("./core/utils/appState/store/store.vanillajs.templates.js"),f=require("./core/utils/appState/store/useStore.react.js"),F=require("./core/constants/ui.constants.js"),z=require("./core/ui/utils/style.js"),D=require("./core/ui/components/container/layoutBox/LayoutBox.js"),I=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),L=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),B=require("./core/ui/components/container/CollapsibleContainer.js"),E=require("./core/ui/components/container/ResizableContainer.js"),P=require("./core/ui/components/error/ErrorBoundary.js"),V=require("./core/ui/components/field/Field.js"),N=require("./core/ui/components/dividers/DividerLine.js"),O=require("./core/ui/components/icon/IconBase.js"),k=require("./core/ui/components/icon/Icon.js"),R=require("./core/ui/components/icon/IconWC.js"),A=require("./core/ui/components/molecules/layouts/FlowLayout.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.outsideClickHandler=t.outsideClickHandler,exports.useOutsideClick=t.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=s.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=a.getBaseThemes,exports.observeThemePreference=a.observeThemePreference,exports.setTHemeClassNames=a.setTHemeClassNames,exports.switchColorTheme=a.switchColorTheme,exports.updateColorTheme=a.updateColorTheme,exports.useThemePreference=a.useThemePreference,exports.isBirthNumberValid=n.isBirthNumberValid,exports.getMatch=p.getMatch,exports.isValidFormat=p.isValidFormat,exports.isValidModulo11=p.isValidModulo11,exports.parse=p.parse,exports.regex=p.regex,exports.parseCSVdata=l.parseCSVdata,exports.validateCSVFile=l.validateCSVFile,exports.validateCSVlines=l.validateCSVlines,exports.validateJSONFile=l.validateJSONFile,exports.validateLineCellTrimmed=l.validateLineCellTrimmed,exports.validateLineNumColumns=l.validateLineNumColumns,exports.validateSDFFile=l.validateSDFFile,exports.DATE_FORMAT=u.DATE_FORMAT,exports.formatDateToTimestamp=u.formatDateToTimestamp,exports.getDate=u.getDate,exports.getDeviceId=c.getDeviceId,exports.emailMatch=x.emailMatch,exports.emailMatcher=x.emailMatcher,exports.regexBuilder=x.regexBuilder,exports.cleanCsvLines=m.cleanCsvLines,exports.formatFilePath=m.formatFilePath,exports.arrayToObjectTree=d.arrayToObjectTree,exports.chunkArray=d.chunkArray,exports.duplicatesInArray=d.duplicatesInArray,exports.formatJsonString=d.formatJsonString,exports.formatObj=d.formatObj,exports.formatObj2=d.formatObj2,exports.debounce=C.debounce,exports.delay=C.delay,exports.memoize=C.memoize,exports.memoizeComplex=C.memoizeComplex,exports.memoizer=C.memoizer,exports.nestedTernary=C.nestedTernary,exports.escapeRegExp=h.escapeRegExp,exports.fileNameExt=h.fileNameExt,exports.findStringInText=h.findStringInText,exports.normalizeString=h.normalizeString,exports.removeWhitespaces=h.removeWhitespaces,exports.sanitizeId=h.sanitizeId,exports.sanitizePathId=h.sanitizePathId,exports.toLowerCase=h.toLowerCase,exports.toUpperCase=h.toUpperCase,exports.truncateText=h.truncateText,exports.Operation=j.Operation,exports.decrementValue=j.decrementValue,exports.incerementValue=j.incerementValue,exports.numberDefined=j.numberDefined,exports.numberOperation=j.numberOperation,exports.restrictNumberInLimits=j.restrictNumberInLimits,exports.setValue=j.setValue,exports.cancelableSetInterval=T.cancelableSetInterval,exports.cancelableSetTimeout=T.cancelableSetTimeout,exports.anchorClick=v.anchorClick,exports.classNames=v.classNames,exports.generateId=v.generateId,exports.mapSerReplacer=v.mapSerReplacer,exports.noop=v.noop,exports.parseProps=v.parseProps,exports.keyExtractor=S.keyExtractor,exports.keyExtractorFunction=S.keyExtractorFunction,exports.dateRangeFormat=y.dateRangeFormat,exports.getDateTime=y.getDateTime,exports.getTimeFromNow=y.getTimeFromNow,exports.getTimeFromNowOriginal=y.getTimeFromNowOriginal,exports.getTimeTo=y.getTimeTo,exports.ced=g.ced,exports.createResolveAttribute=g.createResolveAttribute,exports.customElementDefine=g.customElementDefine,exports.resolveAttributes=g.resolveAttributes,exports.createStore=b.createStore,exports.createDataStore=q.createDataStore,exports.useStore=f.useStore,exports.useStoreApi=f.useStoreApi,exports.EventName=F.EventName,exports.calculateColors=z.calculateColors,exports.calculatePercColor=z.calculatePercColor,exports.convertHex=z.convertHex,exports.convertRGB=z.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return z.defaultFontSize}}),exports.pxToRem=z.pxToRem,exports.resolveStyleValue=z.resolveStyleValue,exports.setDefaultFontSize=z.setDefaultFontSize,exports.toHex=z.toHex,exports.LayoutBox=D.LayoutBox,exports.LayoutDirection=I.LayoutDirection,exports.LazyComponent=L.LazyComponent,exports.PendingBoundary=L.PendingBoundary,exports.createLazyModule=L.createLazyModule,exports.createLazyModuleWithStore=L.createLazyModuleWithStore,exports.wrapPromise=L.wrapPromise,exports.CollapsibleContainer=B.CollapsibleContainer,exports.ResizableContainer=E.ResizableContainer,exports.DefaultErrorComponent=P.DefaultErrorComponent,exports.ErrorBoundary=P.ErrorBoundary,exports.Field=V.Field,exports.Select=V.Select,exports.setIconColor=V.setIconColor,exports.setIconComponent=V.setIconComponent,exports.DividerHorizontal=N.DividerHorizontal,exports.DividerLine=N.DividerLine,exports.DividerVertical=N.DividerVertical,exports.IconBase=O.IconBase,exports.Icon=k.Icon,exports.ESIcon=R.ESIcon,exports.ESIconBase=R.ESIconBase,exports.FlowLayout=A.FlowLayout;
 //# sourceMappingURL=index.js.map

package/dist/lib/esm/index.css

@@ -137,6 +137,80 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
+.field-module_field__UfKm3 {
+  opacity: 1;
+  pointer-events: auto;
+  flex: 1 1 auto;
+  width: 100%;
+  /* Chrome, Safari, Edge, Opera */
+  /* Firefox */
+}
+.field-module_field__UfKm3.field-module_disabled__4aFNw {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media (min-width: 400px) {
+  .field-module_field__UfKm3 {
+    flex: 1;
+  }
+}
+.field-module_field__UfKm3 .field-module_label__pJCHG {
+  font-size: 0.8rem !important;
+  font-weight: normal;
+}
+.field-module_field__UfKm3 .field-module_help__8psM4 {
+  text-align: left;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe {
+  flex: 1;
+  border-radius: 6px;
+  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
+  will-change: box-shadow;
+  transition: box-shadow 250ms ease-in-out;
+}
+.field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 button {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp {
+  width: 100%;
+  flex: 1;
+}
+.field-module_field__UfKm3 .field-module_select__-wfDp::after {
+  border-color: #000000 !important;
+}
+.field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
+  cursor: pointer;
+  pointer-events: initial !important;
+}
+.field-module_field__UfKm3 input::-webkit-outer-spin-button,
+.field-module_field__UfKm3 input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.field-module_field__UfKm3 input[type=number] {
+  -moz-appearance: textfield;
+}
+.field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  -webkit-appearance: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+.field-module_field__UfKm3 textarea {
+  resize: none;
+}
+.field-module_field__UfKm3 label {
+  text-align: left;
+}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;

package/dist/lib/esm/src/core/ui/components/field/Field.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"styled-components";import{memo as a,useCallback as n,useMemo as o}from"react";let i=()=>"#000000";const l=e=>{i=e};let r=a((function(){return React.createElement("span",null)}));const c=e=>{r=e},s=t.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var p=t(s).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const d=a((function(t){let{options:a,value:n,inputRef:o,...i}=t;return React.createElement("div",{className:"select"},React.createElement("select",e({},i,{ref:o,defaultValue:n}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),m=t.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),u=t.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),f=t.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),h=a((t=>{let{label:a,name:l,type:c="text",value:s,defaultValue:h,placeholder:b,inputRef:g,error:x,disabled:y,userDisabled:w,withoutComponent:N,helpTextInfo:R,helpText:C,children:v,iconLeft:E,iconRight:_,addon:F,className:k,onChange:I,onChangeInner:j,onBlur:D,onFocus:$,rightIconClick:B,leftIconClick:z,options:L,css:S,...T}=t,V=m;v||"textarea"!==c||(V=u);const K=n((e=>{w?e?.preventDefault?.():$&&$(e)}),[w,$]),W=n((e=>{w||(j&&e?.target?(e.target.value=j(e.target.value),I&&I(e)):I&&I(e))}),[j,I,w]),A=o((()=>void 0===s?{defaultValue:h}:{value:s}),[s,h]);return React.createElement(p,{className:`field ${k}`,error:x,disabled:y,userDisabled:w,$_css:S},React.createElement(f,{htmlFor:l,className:"label"},a),React.createElement("div",{className:"field "+(F?"has-addons":"")},React.createElement("div",{className:`control mainControl ${E&&!N?"has-icons-left":""} ${_?"has-icons-right":""}`},!N&&(v||"select"!==c&&!L?!v&&React.createElement(V,e({name:l,id:l,ref:g,className:"input "+(x?"is-danger":""),type:c,placeholder:b},A,{onChange:W,onBlur:D,onFocus:K,onKeyDown:K,autoComplete:"off",disabled:y},T)):React.createElement(d,e({name:l,id:l,inputRef:g,className:"input "+(x?"is-danger":""),type:"select",placeholder:b,value:s,options:L,onChange:I,onBlur:D,onFocus:K,onKeyDown:K,autoComplete:"off",disabled:y},T))),E&&!N&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(z?"is-action":""),onClick:z},React.createElement(r,{iconName:E,color:i})),_&&React.createElement("span",{className:"iconRight icon is-small is-right "+(B?"is-action":""),onClick:B},React.createElement(r,{iconName:_,color:i})),v&&v),F&&F),R&&React.createElement("p",{className:"help"},R),C&&React.createElement("p",{className:"help "+(x?"is-danger":"")},C))}));h.displayName="Field";export{h as Field,s as FieldWrapper,d as Select,l as setIconColor,c as setIconComponent};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useCallback as a,useMemo as l,createElement as n}from"react";import{classNames as o}from"../../../utils/helpers/ui.js";import c from"./field.module.scss.js";let s=()=>"#000000";const i=e=>{s=e};let r=t((function(){return React.createElement("span",null)}));const m=e=>{r=e},p=t((function(t){let{options:a,value:l,inputRef:n,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e({},o,{ref:n,defaultValue:l}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),u=t((e=>n("textarea",e)));u.displayName="TextAreaComponent";const d=t((e=>n("input",e)));d.displayName="InputComponent";const f=t((t=>{let{label:n,name:i,type:m="text",value:f,defaultValue:h,placeholder:R,inputRef:N,error:g,disabled:E,userDisabled:v,withoutComponent:y,helpTextInfo:C,helpText:b,children:x,iconLeft:j,iconRight:k,addon:F,className:I,onChange:B,onChangeInner:D,onBlur:w,onFocus:T,rightIconClick:V,leftIconClick:$,options:K,style:L,..._}=t,A=d;x||"textarea"!==m||(A=u);const H=a((e=>{v?e?.preventDefault?.():T&&T(e)}),[v,T]),J=a((e=>{v||(D&&e?.target?(e.target.value=D(e.target.value),B&&B(e)):B&&B(e))}),[D,B,v]),O=l((()=>void 0===f?{defaultValue:h}:{value:f}),[f,h]);return React.createElement("div",{className:o(c.field,(E||v)&&c.disable,I),style:L},React.createElement("label",{htmlFor:i,className:"label"},n),React.createElement("div",{className:"field "+(F?"has-addons":"")},React.createElement("div",{className:`control mainControl ${j&&!y?"has-icons-left":""} ${k?"has-icons-right":""}`},!y&&(x||"select"!==m&&!K?!x&&React.createElement(A,e({name:i,id:i,ref:N,className:"input "+(g?"is-danger":""),type:m,placeholder:R},O,{onChange:J,onBlur:w,onFocus:H,onKeyDown:H,autoComplete:"off",disabled:E},_)):React.createElement(p,e({name:i,id:i,inputRef:N,className:"input "+(g?"is-danger":""),type:"select",placeholder:R,value:f,options:K,onChange:B,onBlur:w,onFocus:H,onKeyDown:H,autoComplete:"off",disabled:E},_))),j&&!y&&React.createElement("span",{className:"iconLeft icon is-small is-left "+($?"is-action":""),onClick:$},React.createElement(r,{iconName:j,color:s})),k&&React.createElement("span",{className:"iconRight icon is-small is-right "+(V?"is-action":""),onClick:V},React.createElement(r,{iconName:k,color:s})),x&&x),F&&F),C&&React.createElement("p",{className:"help"},C),b&&React.createElement("p",{className:"help "+(g?"is-danger":"")},b))}));f.displayName="Field";export{f as Field,p as Select,i as setIconColor,m as setIconComponent};
 //# sourceMappingURL=Field.js.map

package/dist/lib/esm/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }): number => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }): string => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disable,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}

package/dist/lib/esm/src/core/ui/components/field/field.module.scss.js

@@ -0,0 +1,2 @@
+var e={field:"field-module_field__UfKm3",disabled:"field-module_disabled__4aFNw",label:"field-module_label__pJCHG",help:"field-module_help__8psM4",mainControl:"field-module_mainControl__RIMTe",select:"field-module_select__-wfDp",icon:"field-module_icon__6vSNr","is-action":"field-module_is-action__pf8ZC",input:"field-module_input__v-872"};export{e as default};
+//# sourceMappingURL=field.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/field/field.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}