@muraldevkit/ui-toolkit 4.68.0-dev-qt54.1 → 4.68.0

package/dist/esm/components/form/select/utils/closeMenuOnScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"closeMenuOnScroll.js","sources":["../../../../../../src/components/form/select/utils/closeMenuOnScroll.ts"],"sourcesContent":["/**\n * Evaluates the scroll event target with a given class name to prevent closing the select menu when\n * it renders inside a scrollable container.\n * if the scroll event target contains the provided class, the function return `false` to keep the menu open.\n * In most scenarios, `className` will be the class name of the select menu list.\n *\n * @param  className - The class name to check against the target element's class list.\n * @returns An event handler function that takes an event as an argument\n */\nexport function closeMenuOnScroll(className: string): (e: Event) => boolean {\n\treturn function (e: Event): boolean {\n\t\te.stopPropagation();\n\t\tconst el = e.target as HTMLElement;\n\t\tif (el && el.classList && typeof el.classList.contains === 'function') {\n\t\t\treturn !el.classList.contains(className);\n\t\t}\n\t\treturn true;\n\t};\n}\n"],"names":["closeMenuOnScroll","className","e","stopPropagation","el","target","classList","contains"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAACC,SAAiB,EAAyB;EAC3E,OAAO,UAAUC,CAAQ,EAAW;IACnCA,CAAC,CAACC,eAAe,EAAE;AACnB,IAAA,IAAMC,EAAE,GAAGF,CAAC,CAACG,MAAqB;AAClC,IAAA,IAAID,EAAE,IAAIA,EAAE,CAACE,SAAS,IAAI,OAAOF,EAAE,CAACE,SAAS,CAACC,QAAQ,KAAK,UAAU,EAAE;MACtE,OAAO,CAACH,EAAE,CAACE,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;AACzC,IAAA;AACA,IAAA,OAAO,IAAI;EACZ,CAAC;AACF;;;;"}

package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.js

@@ -1,40 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import { memo, useMemo } from 'react';
-import classnames from 'classnames';
-import styles from './MrlSwitch.module.scss.js';
-import { getUniqueId } from '../../../../utils/setAttributes/setAttributes.js';
-import { MrlSwitchStandalone } from '../MrlSwitchStandalone/MrlSwitchStandalone.js';
-
-var _excluded = ["className", "disabled", "id", "label", "onChange", "selected"];
-var MrlSwitch = /*#__PURE__*/memo(_ref => {
-  var className = _ref.className,
-    disabled = _ref.disabled,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? undefined : _ref$id,
-    label = _ref.label,
-    onChange = _ref.onChange,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? false : _ref$selected,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var inputId = useMemo(() => id || getUniqueId('mrl-toggle-'), [id]);
-  var textOnlyLabel = typeof label === 'string';
-  var containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, {
-    ['mrl-label']: textOnlyLabel,
-    [styles['MrlLabel']]: textOnlyLabel,
-    ['MrlSwitch-disabled']: disabled,
-    [styles['MrlSwitch-disabled']]: disabled
-  });
-  return /*#__PURE__*/React.createElement("label", {
-    className: containerClasses
-  }, label, /*#__PURE__*/React.createElement(MrlSwitchStandalone, _extends({}, rest, {
-    disabled: disabled,
-    id: inputId,
-    onChange: onChange,
-    selected: selected
-  })));
-});
-MrlSwitch.displayName = 'MrlSwitch';
-
-export { MrlSwitch };
-//# sourceMappingURL=MrlSwitch.js.map

package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlSwitch.js","sources":["../../../../../../src/components/form/switch/MrlSwitch/MrlSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useMemo } from 'react';\nimport { MrlSwitchStandalone } from '../../..';\nimport { getUniqueId } from '../../../../utils';\n\nimport styles from './MrlSwitch.module.scss';\n\ninterface MrlSwitchProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tdisabled?: boolean;\n\tid?: string;\n\t/**\n\t * The `label` is best used as a string, which will style according to MrlLabel styles.\n\t * If you need custom styles, you can use `className` or use a span that you style as `label`\n\t */\n\tlabel: string | React.ReactNode;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitch = memo(\n\t({\n\t\tclassName,\n\t\tdisabled,\n\t\tid = undefined,\n\t\tlabel,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchProps) => {\n\t\tconst inputId = useMemo(() => id || getUniqueId('mrl-toggle-'), [id]);\n\t\tconst textOnlyLabel = typeof label === 'string';\n\t\tconst containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, {\n\t\t\t['mrl-label']: textOnlyLabel,\n\t\t\t[styles['MrlLabel']]: textOnlyLabel,\n\t\t\t['MrlSwitch-disabled']: disabled,\n\t\t\t[styles['MrlSwitch-disabled']]: disabled\n\t\t});\n\n\t\treturn (\n\t\t\t<label className={containerClasses}>\n\t\t\t\t{label}\n\t\t\t\t<MrlSwitchStandalone\n\t\t\t\t\t{...rest}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={inputId}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tselected={selected}\n\t\t\t\t/>\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nMrlSwitch.displayName = 'MrlSwitch';\n"],"names":["MrlSwitch","memo","_ref","className","disabled","_ref$id","id","undefined","label","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","inputId","useMemo","getUniqueId","textOnlyLabel","containerClasses","classnames","styles","React","createElement","MrlSwitchStandalone","_extends","displayName"],"mappings":";;;;;;;;;IAqBaA,SAAS,gBAAGC,IAAI,CAC5BC,IAAA,IAQsB;AAAA,EAAA,IAPrBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,OAAA,GAAAH,IAAA,CACRI,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,OAAA;IACdG,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,aAAA,GAAAR,IAAA,CACRS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAGC,OAAO,CAAC,MAAMV,EAAE,IAAIW,WAAW,CAAC,aAAa,CAAC,EAAE,CAACX,EAAE,CAAC,CAAC;AACrE,EAAA,IAAMY,aAAa,GAAG,OAAOV,KAAK,KAAK,QAAQ;AAC/C,EAAA,IAAMW,gBAAgB,GAAGC,UAAU,CAAC,WAAW,EAAEC,MAAM,CAAC,WAAW,CAAC,EAAElB,SAAS,EAAE;IAChF,CAAC,WAAW,GAAGe,aAAa;AAC5B,IAAA,CAACG,MAAM,CAAC,UAAU,CAAC,GAAGH,aAAa;IACnC,CAAC,oBAAoB,GAAGd,QAAQ;AAChC,IAAA,CAACiB,MAAM,CAAC,oBAAoB,CAAC,GAAGjB;AACjC,GAAC,CAAC;EAEF,oBACCkB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOpB,IAAAA,SAAS,EAAEgB;GAAiB,EACjCX,KAAK,eACNc,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAAC,QAAA,CAAA,EAAA,EACfb,IAAI,EAAA;AACRR,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,EAAE,EAAES,OAAQ;AACZN,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,QAAQ,EAAEA;AAAS,GAAA,CACnB,CACK,CAAC;AAEV,CACD;AAEAX,SAAS,CAAC0B,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js

@@ -1,4 +0,0 @@
-var styles = {"MrlLabel":"MrlLabel--kpDDL","MrlSwitch":"MrlSwitch--XCL5G","MrlSwitch-disabled":"MrlSwitch-disabled--iS1ZX"};
-
-export { styles as default };
-//# sourceMappingURL=MrlSwitch.module.scss.js.map

package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js.map

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

package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js

@@ -1,52 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { check, minus } from '@muraldevkit/ds-icons';
-import * as React from 'react';
-import { memo, useState, useEffect } from 'react';
-import classnames from 'classnames';
-import styles from './MrlSwitchStandalone.module.scss.js';
-import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
-
-var _excluded = ["className", "id", "labelledBy", "onChange", "selected"];
-var MrlSwitchStandalone = /*#__PURE__*/memo(_ref => {
-  var className = _ref.className,
-    id = _ref.id,
-    labelledBy = _ref.labelledBy,
-    onChange = _ref.onChange,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? false : _ref$selected,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(selected),
-    _useState2 = _slicedToArray(_useState, 2),
-    isChecked = _useState2[0],
-    setIsChecked = _useState2[1];
-  useEffect(() => {
-    setIsChecked(selected);
-  }, [selected]);
-  var handleChange = e => {
-    setIsChecked(e.target.checked);
-    onChange(e);
-  };
-  var containerClasses = classnames(className, 'MrlSwitchStandalone', styles['MrlSwitchStandalone']);
-  return /*#__PURE__*/React.createElement("div", {
-    className: containerClasses
-  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
-    "aria-labelledby": labelledBy,
-    "aria-checked": isChecked,
-    className: classnames('MrlSwitchStandalone-checkbox', styles['MrlSwitchStandalone-checkbox']),
-    id: id,
-    onChange: handleChange,
-    type: "checkbox",
-    role: "switch"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classnames('MrlSwitchStandalone-switch', styles['MrlSwitchStandalone-switch'])
-  }), /*#__PURE__*/React.createElement("span", {
-    className: classnames('MrlSwitchStandalone-switch-indicator', styles['MrlSwitchStandalone-switch-indicator'])
-  }, /*#__PURE__*/React.createElement(MrlSvg, {
-    size: "auto",
-    svg: isChecked ? check : minus
-  })));
-});
-MrlSwitchStandalone.displayName = 'MrlSwitchStandalone';
-
-export { MrlSwitchStandalone };
-//# sourceMappingURL=MrlSwitchStandalone.js.map

package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlSwitchStandalone.js","sources":["../../../../../../src/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.tsx"],"sourcesContent":["import { check, minus } from '@muraldevkit/ds-icons';\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useState, useEffect } from 'react';\nimport { MrlSvg } from '../../..';\n\nimport styles from './MrlSwitchStandalone.module.scss';\n\ninterface MrlSwitchStandaloneProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tid: string;\n\tlabelledBy?: string;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitchStandalone = memo(\n\t({\n\t\tclassName,\n\t\tid,\n\t\tlabelledBy,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchStandaloneProps) => {\n\t\tconst [isChecked, setIsChecked] = useState(selected);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsChecked(selected);\n\t\t}, [selected]);\n\n\t\tconst handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tsetIsChecked(e.target.checked);\n\t\t\tonChange(e);\n\t\t};\n\n\t\tconst containerClasses = classnames(\n\t\t\tclassName,\n\t\t\t'MrlSwitchStandalone',\n\t\t\tstyles['MrlSwitchStandalone']\n\t\t);\n\n\t\treturn (\n\t\t\t<div className={containerClasses}>\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\taria-labelledby={labelledBy}\n\t\t\t\t\taria-checked={isChecked}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-checkbox',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-checkbox']\n\t\t\t\t\t)}\n\t\t\t\t\tid={id}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\trole=\"switch\"\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames('MrlSwitchStandalone-switch', styles['MrlSwitchStandalone-switch'])}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-switch-indicator',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-switch-indicator']\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={isChecked ? check : minus} />\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nMrlSwitchStandalone.displayName = 'MrlSwitchStandalone';\n"],"names":["MrlSwitchStandalone","memo","_ref","className","id","labelledBy","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","useEffect","handleChange","e","target","checked","containerClasses","classnames","styles","React","createElement","_extends","type","role","MrlSvg","size","svg","check","minus","displayName"],"mappings":";;;;;;;;;IAgBaA,mBAAmB,gBAAGC,IAAI,CACtCC,IAAA,IAOgC;AAAA,EAAA,IAN/BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAAC,aAAA,GAAAL,IAAA,CACRM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAACL,QAAQ,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9BI,EAAAA,SAAS,CAAC,MAAM;IACfD,YAAY,CAACT,QAAQ,CAAC;AACvB,EAAA,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMW,YAAY,GAAIC,CAAsC,IAAK;AAChEH,IAAAA,YAAY,CAACG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC9BhB,QAAQ,CAACc,CAAC,CAAC;EACZ,CAAC;AAED,EAAA,IAAMG,gBAAgB,GAAGC,UAAU,CAClCrB,SAAS,EACT,qBAAqB,EACrBsB,MAAM,CAAC,qBAAqB,CAC7B,CAAC;EAED,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKxB,IAAAA,SAAS,EAAEoB;AAAiB,GAAA,eAChCG,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,KACKnB,IAAI,EAAA;AACR,IAAA,iBAAA,EAAiBJ,UAAW;AAC5B,IAAA,cAAA,EAAcW,SAAU;IACxBb,SAAS,EAAEqB,UAAU,CACpB,8BAA8B,EAC9BC,MAAM,CAAC,8BAA8B,CACtC,CAAE;AACFrB,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,QAAQ,EAAEa,YAAa;AACvBU,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,IAAI,EAAC;AAAQ,GAAA,CACb,CAAC,eACFJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CAAC,4BAA4B,EAAEC,MAAM,CAAC,4BAA4B,CAAC;AAAE,GAC1F,CAAC,eACFC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CACpB,sCAAsC,EACtCC,MAAM,CAAC,sCAAsC,CAC9C;AAAE,GAAA,eAEFC,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEjB,SAAS,GAAGkB,KAAK,GAAGC;GAAQ,CAChD,CACF,CAAC;AAER,CACD;AAEAnC,mBAAmB,CAACoC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js

@@ -1,4 +0,0 @@
-var styles = {"MrlSwitchStandalone-switch":"MrlSwitchStandalone-switch--usdmG","MrlSwitchStandalone-switch-indicator":"MrlSwitchStandalone-switch-indicator--QRM7_","MrlSwitchStandalone":"MrlSwitchStandalone--z_J5F","MrlSwitchStandalone-checkbox":"MrlSwitchStandalone-checkbox--eQlJK"};
-
-export { styles as default };
-//# sourceMappingURL=MrlSwitchStandalone.module.scss.js.map

package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js.map

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

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js

@@ -1,193 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import classnames from 'classnames';
-import { edit, error } from '@muraldevkit/ds-icons';
-import styles from './MrlEditableTextInput.module.scss.js';
-import { useActiveColor } from '../../hooks/useActiveColor.js';
-import { useIsEditable } from '../../hooks/useIsEditable.js';
-import { MrlEditableTextInputRightButton } from './MrlEditableTextInputRightIcon.js';
-import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
-
-var _excluded = ["inputId", "maxLength", "placeholder", "state", "value", "error", "isEditable", "setIsEditable", "showIconOnHover", "inputLabelText"];
-var MrlEditableTextInput = /*#__PURE__*/React.forwardRef(function MrlEditiableTextInput(props, ref) {
-  var inputId = props.inputId,
-    maxLength = props.maxLength,
-    placeholder = props.placeholder,
-    state = props.state,
-    value = props.value,
-    error$1 = props.error,
-    controlledIsEditable = props.isEditable,
-    controlledIsEditableUpdate = props.setIsEditable,
-    _props$showIconOnHove = props.showIconOnHover,
-    showIconOnHover = _props$showIconOnHove === void 0 ? false : _props$showIconOnHove,
-    inputLabelText = props.inputLabelText,
-    attrs = _objectWithoutProperties(props, _excluded);
-  // html id to be reference by input and error description to relay the error for a specific input
-  var describedById = "".concat(inputId, "-description");
-  var textInputRef = React.useRef(null);
-  var iconRef = React.useRef(null);
-  var _useActiveColor = useActiveColor(state),
-    hasActiveColor = _useActiveColor.hasActiveColor,
-    setHasActiveColor = _useActiveColor.setHasActiveColor;
-  var _useIsEditable = useIsEditable({
-      changeHandler: controlledIsEditableUpdate,
-      initialValue: false,
-      state,
-      value: controlledIsEditable
-    }),
-    isEditable = _useIsEditable.isEditable,
-    isEditing = _useIsEditable.isEditing,
-    setIsEditable = _useIsEditable.setIsEditable,
-    setIsEditing = _useIsEditable.setIsEditing;
-  React.useImperativeHandle(ref, () => iconRef.current);
-  var unlockInput = React.useCallback(() => {
-    setIsEditable(true);
-    setIsEditing(true);
-  }, [setIsEditable, setIsEditing]);
-  var lockInput = React.useCallback(() => {
-    setIsEditable(false);
-    setIsEditing(false);
-  }, [setIsEditable, setIsEditing]);
-  var handleOnClick = e => {
-    if (!isEditable && !isEditing) {
-      unlockInput();
-    }
-
-    /*
-     * Only to be executed if onClick is provided as a prop
-     */
-    if (typeof attrs.onClick === 'function') {
-      attrs.onClick(e);
-    }
-  };
-  var handleKeyDown = event => {
-    var key = event.key;
-
-    // Selects the item on enter or spacebar and closes the select
-    if (key === 'Escape') {
-      var _iconRef$current;
-      event.stopPropagation();
-      event.preventDefault();
-      lockInput();
-      (_iconRef$current = iconRef.current) === null || _iconRef$current === void 0 ? void 0 : _iconRef$current.focus();
-    }
-    if (typeof attrs.onKeyDown === 'function') {
-      attrs.onKeyDown(event);
-    }
-  };
-  var handleOnBlur = React.useCallback(e => {
-    setHasActiveColor(false);
-    lockInput();
-    if (typeof attrs.onBlur === 'function') {
-      attrs.onBlur(e);
-    }
-  }, [attrs, setHasActiveColor, lockInput]);
-  var handleOnFocus = React.useCallback(e => {
-    setHasActiveColor(true);
-    if (typeof attrs.onFocus === 'function') {
-      attrs.onFocus(e);
-    }
-  }, [attrs, setHasActiveColor]);
-  var handleOnMouseEnter = React.useCallback(e => {
-    setHasActiveColor(true);
-    if (typeof attrs.onMouseEnter === 'function') {
-      attrs.onMouseEnter(e);
-    }
-  }, [attrs, setHasActiveColor]);
-  var handleOnMouseLeave = React.useCallback(e => {
-    setHasActiveColor(false);
-    if (typeof attrs.onMouseLeave === 'function') {
-      attrs.onMouseLeave(e);
-    }
-  }, [attrs, setHasActiveColor]);
-  React.useEffect(() => {
-    if (iconRef.current) {
-      if (attrs.autoFocus) {
-        iconRef.current.focus();
-      }
-    }
-
-    // it should only run on the first render
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  React.useEffect(() => {
-    // when editiable changes focus to current thingy
-    if (isEditable && textInputRef.current) {
-      textInputRef.current.focus();
-    }
-  }, [isEditable, isEditing]);
-  var inputClasses = classnames('MrlEditableTextInput', styles['MrlEditableTextInput'], styles['mrl-textInput'], {
-    [styles['MrlEditableTextInput-errorMessage']]: state === 'error',
-    [styles['MrlEditableTextInput-errorIcon']]: state === 'error',
-    [styles['MrlEditableTextInput--dynamicIcon']]: state !== 'read-only',
-    [styles['MrlEditableTextInput--readOnly']]: state === 'read-only',
-    [styles['MrlEditableTextInput--active']]: hasActiveColor,
-    // if an onClick property is provided, we need to apply the class that allows pointer events
-    [styles['MrlEditableTextInput--allowOnClick']]: typeof attrs.onClick === 'function'
-  }, attrs.className);
-  var hasCounter = typeof maxLength !== 'undefined' && Number(maxLength) > 0;
-  if (hasCounter && isNaN(Number(maxLength))) {
-    throw new Error('maxLength should have type number');
-  }
-  var hasErrorMessage = state === 'error' && (error$1 === null || error$1 === void 0 ? void 0 : error$1.message);
-
-  // do not pass class info to child elements/components
-  delete attrs.className;
-  var iconClasses = classnames('MrlEditableTextInput-right-button', styles['MrlEditableTextInput-right-button'], {
-    [styles['MrlEditableTextInput-hover-button']]: showIconOnHover
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles['MrlEditableTextInput--wrapper'], 'MrlEditableTextInput--wrapper')
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "text"
-  }, attrs, {
-    onClick: handleOnClick,
-    "aria-invalid": state === 'error',
-    "aria-describedby": hasErrorMessage ? describedById : undefined,
-    className: inputClasses,
-    disabled: state === 'disabled',
-    maxLength: hasCounter ? maxLength : undefined,
-    onBlur: handleOnBlur,
-    onFocus: handleOnFocus,
-    onMouseEnter: handleOnMouseEnter,
-    onMouseLeave: handleOnMouseLeave,
-    onKeyDown: handleKeyDown,
-    id: inputId,
-    placeholder: placeholder,
-    readOnly: state === 'read-only' || !isEditable,
-    tabIndex: !isEditable ? -1 : 0,
-    ref: textInputRef,
-    value: value
-  })), state !== 'read-only' && state !== 'disabled' && /*#__PURE__*/React.createElement("span", {
-    className: iconClasses
-  }, /*#__PURE__*/React.createElement(MrlEditableTextInputRightButton, {
-    action: unlockInput,
-    icon: edit,
-    label: "Edit: ".concat(inputLabelText || inputId),
-    dataQa: attrs['data-qa'] && "".concat(attrs['data-qa'], "-edit"),
-    hasActiveColor: hasActiveColor || isEditable,
-    setHasActiveColor: setHasActiveColor,
-    ref: iconRef
-  }))), hasCounter && /*#__PURE__*/React.createElement("span", {
-    className: styles['MrlForm-counter']
-  }, /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true"
-  }, (value === null || value === void 0 ? void 0 : value.length) || 0, "/", maxLength), /*#__PURE__*/React.createElement("p", {
-    style: {
-      display: 'none'
-    },
-    id: "".concat(inputId, "-counter")
-  }, "".concat(maxLength - ((value === null || value === void 0 ? void 0 : value.length) || 0), " of ").concat(maxLength, " characters remaining"))), hasErrorMessage && /*#__PURE__*/React.createElement("span", {
-    className: styles['MrlEditableTextInput-errorMessage']
-  }, /*#__PURE__*/React.createElement(MrlSvg, {
-    className: styles['MrlEditableTextInput-errorIcon'],
-    "aria-hidden": "true",
-    svg: error,
-    size: "small"
-  }), /*#__PURE__*/React.createElement("span", {
-    id: describedById
-  }, "".concat(error$1 === null || error$1 === void 0 ? void 0 : error$1.message))));
-});
-
-export { MrlEditableTextInput };
-//# sourceMappingURL=MrlEditableTextInput.js.map

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlEditableTextInput.js","sources":["../../../../../../src/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { InputStates, MrlFormInputError } from '../../constants';\nimport { edit, error as errorIcon } from '@muraldevkit/ds-icons';\nimport styles from './MrlEditableTextInput.module.scss';\nimport './MrlEditableTextInput.global.scss';\nimport { useActiveColor } from '../../hooks/useActiveColor';\nimport { useIsEditable } from '../../hooks/useIsEditable';\nimport { MrlEditableTextInputRightButton } from './MrlEditableTextInputRightIcon';\nimport { MrlSvg } from '../../..';\n\ninterface MrlEditableTextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n\t/** Id of the text input */\n\tinputId: string;\n\t/**\n\t * \tValue of the label text assigned to the input.\n\t *  This is used to describe to the user what field they will be editing when interacting with the edit buton.\n\t */\n\tinputLabelText: string;\n\t/** The value of the text input used to make it a controlled input */\n\tvalue?: string;\n\t/**\n\t * The maximum number of characters that the user can enter.\n\t * If undefined or set to \"0\", removes the character counter from the textarea\n\t */\n\tmaxLength?: number;\n\t/** Text placeholder for the text input */\n\tplaceholder?: string;\n\t/**\n\t * Changes the state of the input based on user permissions or actions.\n\t */\n\tstate?: InputStates;\n\terror?: MrlFormInputError;\n\t'data-qa': string;\n\t/* Expost isEditable and setIsEditable as optionally controlled state */\n\tisEditable?: boolean;\n\tsetIsEditable?: (isEditableUpdate: boolean) => void;\n\n\t/**\n\t * Show icon on hover, if true the icon will be hidden and show on hover and focus\n\t * @default false\n\t */\n\tshowIconOnHover?: boolean;\n}\n\nexport const MrlEditableTextInput = React.forwardRef<HTMLButtonElement, MrlEditableTextInputProps>(\n\tfunction MrlEditiableTextInput(\n\t\tprops: MrlEditableTextInputProps,\n\t\tref: React.Ref<HTMLButtonElement>\n\t): JSX.Element {\n\t\tconst {\n\t\t\tinputId,\n\t\t\tmaxLength,\n\t\t\tplaceholder,\n\t\t\tstate,\n\t\t\tvalue,\n\t\t\terror,\n\t\t\tisEditable: controlledIsEditable,\n\t\t\tsetIsEditable: controlledIsEditableUpdate,\n\t\t\tshowIconOnHover = false,\n\t\t\tinputLabelText,\n\t\t\t...attrs\n\t\t} = props;\n\t\t// html id to be reference by input and error description to relay the error for a specific input\n\t\tconst describedById = `${inputId}-description`;\n\t\tconst textInputRef = React.useRef<HTMLInputElement>(null);\n\t\tconst iconRef = React.useRef<HTMLButtonElement>(null);\n\n\t\tconst { hasActiveColor, setHasActiveColor } = useActiveColor(state);\n\t\tconst { isEditable, isEditing, setIsEditable, setIsEditing } = useIsEditable({\n\t\t\tchangeHandler: controlledIsEditableUpdate,\n\t\t\tinitialValue: false,\n\t\t\tstate,\n\t\t\tvalue: controlledIsEditable\n\t\t});\n\n\t\tReact.useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n\t\t\tref,\n\t\t\t() => iconRef.current\n\t\t);\n\n\t\tconst unlockInput = React.useCallback(() => {\n\t\t\tsetIsEditable(true);\n\t\t\tsetIsEditing(true);\n\t\t}, [setIsEditable, setIsEditing]);\n\n\t\tconst lockInput = React.useCallback(() => {\n\t\t\tsetIsEditable(false);\n\t\t\tsetIsEditing(false);\n\t\t}, [setIsEditable, setIsEditing]);\n\t\tconst handleOnClick = (e: React.MouseEvent<HTMLInputElement>) => {\n\t\t\tif (!isEditable && !isEditing) {\n\t\t\t\tunlockInput();\n\t\t\t}\n\n\t\t\t/*\n\t\t\t * Only to be executed if onClick is provided as a prop\n\t\t\t */\n\t\t\tif (typeof attrs.onClick === 'function') {\n\t\t\t\tattrs.onClick(e);\n\t\t\t}\n\t\t};\n\n\t\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\tconst { key } = event;\n\n\t\t\t// Selects the item on enter or spacebar and closes the select\n\t\t\tif (key === 'Escape') {\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tlockInput();\n\t\t\t\ticonRef.current?.focus();\n\t\t\t}\n\n\t\t\tif (typeof attrs.onKeyDown === 'function') {\n\t\t\t\tattrs.onKeyDown(event);\n\t\t\t}\n\t\t};\n\n\t\tconst handleOnBlur = React.useCallback(\n\t\t\t(e: React.FocusEvent<HTMLInputElement>) => {\n\t\t\t\tsetHasActiveColor(false);\n\t\t\t\tlockInput();\n\t\t\t\tif (typeof attrs.onBlur === 'function') {\n\t\t\t\t\tattrs.onBlur(e);\n\t\t\t\t}\n\t\t\t},\n\t\t\t[attrs, setHasActiveColor, lockInput]\n\t\t);\n\n\t\tconst handleOnFocus = React.useCallback(\n\t\t\t(e: React.FocusEvent<HTMLInputElement>) => {\n\t\t\t\tsetHasActiveColor(true);\n\t\t\t\tif (typeof attrs.onFocus === 'function') {\n\t\t\t\t\tattrs.onFocus(e);\n\t\t\t\t}\n\t\t\t},\n\t\t\t[attrs, setHasActiveColor]\n\t\t);\n\n\t\tconst handleOnMouseEnter = React.useCallback(\n\t\t\t(e: React.MouseEvent<HTMLInputElement>) => {\n\t\t\t\tsetHasActiveColor(true);\n\t\t\t\tif (typeof attrs.onMouseEnter === 'function') {\n\t\t\t\t\tattrs.onMouseEnter(e);\n\t\t\t\t}\n\t\t\t},\n\t\t\t[attrs, setHasActiveColor]\n\t\t);\n\n\t\tconst handleOnMouseLeave = React.useCallback(\n\t\t\t(e: React.MouseEvent<HTMLInputElement>) => {\n\t\t\t\tsetHasActiveColor(false);\n\t\t\t\tif (typeof attrs.onMouseLeave === 'function') {\n\t\t\t\t\tattrs.onMouseLeave(e);\n\t\t\t\t}\n\t\t\t},\n\t\t\t[attrs, setHasActiveColor]\n\t\t);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (iconRef.current) {\n\t\t\t\tif (attrs.autoFocus) {\n\t\t\t\t\ticonRef.current.focus();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// it should only run on the first render\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\t// when editiable changes focus to current thingy\n\t\t\tif (isEditable && textInputRef.current) {\n\t\t\t\ttextInputRef.current.focus();\n\t\t\t}\n\t\t}, [isEditable, isEditing]);\n\n\t\tconst inputClasses = classnames(\n\t\t\t'MrlEditableTextInput',\n\t\t\tstyles['MrlEditableTextInput'],\n\t\t\tstyles['mrl-textInput'],\n\t\t\t{\n\t\t\t\t[styles['MrlEditableTextInput-errorMessage']]: state === 'error',\n\t\t\t\t[styles['MrlEditableTextInput-errorIcon']]: state === 'error',\n\t\t\t\t[styles['MrlEditableTextInput--dynamicIcon']]: state !== 'read-only',\n\t\t\t\t[styles['MrlEditableTextInput--readOnly']]: state === 'read-only',\n\t\t\t\t[styles['MrlEditableTextInput--active']]: hasActiveColor,\n\t\t\t\t// if an onClick property is provided, we need to apply the class that allows pointer events\n\t\t\t\t[styles['MrlEditableTextInput--allowOnClick']]: typeof attrs.onClick === 'function'\n\t\t\t},\n\t\t\tattrs.className\n\t\t);\n\n\t\tconst hasCounter = typeof maxLength !== 'undefined' && Number(maxLength) > 0;\n\t\tif (hasCounter && isNaN(Number(maxLength))) {\n\t\t\tthrow new Error('maxLength should have type number');\n\t\t}\n\n\t\tconst hasErrorMessage = state === 'error' && error?.message;\n\n\t\t// do not pass class info to child elements/components\n\t\tdelete attrs.className;\n\n\t\tconst iconClasses = classnames(\n\t\t\t'MrlEditableTextInput-right-button',\n\t\t\tstyles['MrlEditableTextInput-right-button'],\n\t\t\t{\n\t\t\t\t[styles['MrlEditableTextInput-hover-button']]: showIconOnHover\n\t\t\t}\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlEditableTextInput--wrapper'],\n\t\t\t\t\t\t'MrlEditableTextInput--wrapper'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t{...attrs}\n\t\t\t\t\t\tonClick={handleOnClick}\n\t\t\t\t\t\taria-invalid={state === 'error'}\n\t\t\t\t\t\taria-describedby={hasErrorMessage ? describedById : undefined}\n\t\t\t\t\t\tclassName={inputClasses}\n\t\t\t\t\t\tdisabled={state === 'disabled'}\n\t\t\t\t\t\tmaxLength={hasCounter ? maxLength : undefined}\n\t\t\t\t\t\tonBlur={handleOnBlur}\n\t\t\t\t\t\tonFocus={handleOnFocus}\n\t\t\t\t\t\tonMouseEnter={handleOnMouseEnter}\n\t\t\t\t\t\tonMouseLeave={handleOnMouseLeave}\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\tid={inputId}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\treadOnly={state === 'read-only' || !isEditable}\n\t\t\t\t\t\ttabIndex={!isEditable ? -1 : 0}\n\t\t\t\t\t\tref={textInputRef}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t/>\n\t\t\t\t\t{state !== 'read-only' && state !== 'disabled' && (\n\t\t\t\t\t\t<span className={iconClasses}>\n\t\t\t\t\t\t\t<MrlEditableTextInputRightButton\n\t\t\t\t\t\t\t\taction={unlockInput}\n\t\t\t\t\t\t\t\ticon={edit}\n\t\t\t\t\t\t\t\tlabel={`Edit: ${inputLabelText || inputId}`}\n\t\t\t\t\t\t\t\tdataQa={attrs['data-qa'] && `${attrs['data-qa']}-edit`}\n\t\t\t\t\t\t\t\thasActiveColor={hasActiveColor || isEditable}\n\t\t\t\t\t\t\t\tsetHasActiveColor={setHasActiveColor}\n\t\t\t\t\t\t\t\tref={iconRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCounter && (\n\t\t\t\t\t<span className={styles['MrlForm-counter']}>\n\t\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t\t{value?.length || 0}/{maxLength}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<p style={{ display: 'none' }} id={`${inputId}-counter`}>\n\t\t\t\t\t\t\t{`${maxLength - (value?.length || 0)} of ${maxLength} characters remaining`}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{hasErrorMessage && (\n\t\t\t\t\t<span className={styles['MrlEditableTextInput-errorMessage']}>\n\t\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\t\tclassName={styles['MrlEditableTextInput-errorIcon']}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tsvg={errorIcon}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span id={describedById}>{`${error?.message}`}</span>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n);\n"],"names":["MrlEditableTextInput","React","forwardRef","MrlEditiableTextInput","props","ref","inputId","maxLength","placeholder","state","value","error","controlledIsEditable","isEditable","controlledIsEditableUpdate","setIsEditable","_props$showIconOnHove","showIconOnHover","inputLabelText","attrs","_objectWithoutProperties","_excluded","describedById","concat","textInputRef","useRef","iconRef","_useActiveColor","useActiveColor","hasActiveColor","setHasActiveColor","_useIsEditable","useIsEditable","changeHandler","initialValue","isEditing","setIsEditing","useImperativeHandle","current","unlockInput","useCallback","lockInput","handleOnClick","e","onClick","handleKeyDown","event","key","_iconRef$current","stopPropagation","preventDefault","focus","onKeyDown","handleOnBlur","onBlur","handleOnFocus","onFocus","handleOnMouseEnter","onMouseEnter","handleOnMouseLeave","onMouseLeave","useEffect","autoFocus","inputClasses","classnames","styles","className","hasCounter","Number","isNaN","Error","hasErrorMessage","message","iconClasses","createElement","Fragment","_extends","type","undefined","disabled","id","readOnly","tabIndex","MrlEditableTextInputRightButton","action","icon","edit","label","dataQa","length","style","display","MrlSvg","svg","errorIcon","size"],"mappings":"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"}

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.module.scss.js

@@ -1,4 +0,0 @@
-var styles = {"MrlForm-counter":"MrlForm-counter--V3QnW","MrlEditableTextInput":"MrlEditableTextInput--jMMDB","MrlEditableTextInput-hover-button":"MrlEditableTextInput-hover-button--tbcyL","MrlEditableTextInput--readOnly":"MrlEditableTextInput--readOnly--uZwio","MrlEditableTextInput-right-button":"MrlEditableTextInput-right-button--y6ik5","MrlEditableTextInput--allowOnClick":"MrlEditableTextInput--allowOnClick--aHja5","MrlEditableTextInput--dynamicIcon":"MrlEditableTextInput--dynamicIcon--H8VOO","MrlEditableTextInput-dynamicIcon":"MrlEditableTextInput-dynamicIcon--d4KQL","MrlEditableTextInput--active":"MrlEditableTextInput--active--npTl0","MrlEditableTextInput-dynamicIcon--active":"MrlEditableTextInput-dynamicIcon--active--EoB6U","MrlEditableTextInput-errorMessage":"MrlEditableTextInput-errorMessage--JhDDl","MrlEditableTextInput-errorIcon":"MrlEditableTextInput-errorIcon--p0Lnz","MrlEditableTextInput--wrapper":"MrlEditableTextInput--wrapper--mEStH"};
-
-export { styles as default };
-//# sourceMappingURL=MrlEditableTextInput.module.scss.js.map

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.module.scss.js.map

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

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.js

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import styles from './MrlEditableTextInput.module.scss.js';
-import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
-
-/**
- * Renders the right icon in the text input
- *
- * @param {MrlEditableInputRightButtonProps} props - the component props
- * @returns a button element with an icon
- */
-var MrlEditableTextInputRightButton = /*#__PURE__*/React.forwardRef(function MrlEditableTextInputRightButton(_ref, ref) {
-  var action = _ref.action,
-    dataQa = _ref.dataQa,
-    hasActiveColor = _ref.hasActiveColor,
-    icon = _ref.icon,
-    label = _ref.label,
-    setHasActiveColor = _ref.setHasActiveColor;
-  var handleKeyUp = React.useCallback(e => {
-    if (e.key === ' ' || e.key === 'Enter') {
-      action(e);
-    }
-  }, [action]);
-  return /*#__PURE__*/React.createElement("span", {
-    className: classnames(styles['MrlEditableTextInput-dynamicIcon'], {
-      [styles['MrlEditableTextInput-dynamicIcon--active']]: hasActiveColor
-    })
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "aria-label": label,
-    onMouseUp: action,
-    onKeyUp: handleKeyUp,
-    "data-qa": dataQa,
-    onMouseEnter: () => setHasActiveColor(true),
-    onMouseLeave: () => setHasActiveColor(false),
-    onFocus: () => setHasActiveColor(true),
-    onBlur: () => setHasActiveColor(false),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(MrlSvg, {
-    "aria-hidden": "true",
-    svg: icon,
-    size: "small"
-  })));
-});
-
-export { MrlEditableTextInputRightButton };
-//# sourceMappingURL=MrlEditableTextInputRightIcon.js.map

package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MrlEditableTextInputRightIcon.js","sources":["../../../../../../src/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DSIconType, MrlSvg } from '../../..';\nimport classnames from 'classnames';\n\nimport styles from './MrlEditableTextInput.module.scss';\n\nexport interface MrlEditableInputRightButtonProps {\n\t/** the action that should be executed when interacting with the icon */\n\taction: (event: React.MouseEvent | React.KeyboardEvent) => void;\n\t/** the icon that will be rendered */\n\ticon: DSIconType;\n\t/** data-qa attribute for the icon */\n\tdataQa?: string;\n\t/** describes the purpouse of the icon button */\n\tlabel: string;\n\t/** determines if the icon has active color or not */\n\thasActiveColor: boolean;\n\tsetHasActiveColor: (hasActiveColor: boolean) => void;\n\t/** the text input value used to calculate the active style */\n\tvalue?: string;\n\tref?: HTMLButtonElement;\n}\n\n/**\n * Renders the right icon in the text input\n *\n * @param {MrlEditableInputRightButtonProps} props - the component props\n * @returns a button element with an icon\n */\nexport const MrlEditableTextInputRightButton = React.forwardRef<\n\tHTMLButtonElement,\n\tMrlEditableInputRightButtonProps\n>(function MrlEditableTextInputRightButton(\n\t{\n\t\taction,\n\t\tdataQa,\n\t\thasActiveColor,\n\t\ticon,\n\t\tlabel,\n\t\tsetHasActiveColor\n\t}: MrlEditableInputRightButtonProps,\n\tref\n): JSX.Element {\n\tconst handleKeyUp = React.useCallback(\n\t\t(e: React.KeyboardEvent<HTMLButtonElement>) => {\n\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\taction(e);\n\t\t\t}\n\t\t},\n\t\t[action]\n\t);\n\n\treturn (\n\t\t<span\n\t\t\tclassName={classnames(styles['MrlEditableTextInput-dynamicIcon'], {\n\t\t\t\t[styles['MrlEditableTextInput-dynamicIcon--active']]: hasActiveColor\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label={label}\n\t\t\t\tonMouseUp={action}\n\t\t\t\tonKeyUp={handleKeyUp}\n\t\t\t\tdata-qa={dataQa}\n\t\t\t\tonMouseEnter={() => setHasActiveColor(true)}\n\t\t\t\tonMouseLeave={() => setHasActiveColor(false)}\n\t\t\t\tonFocus={() => setHasActiveColor(true)}\n\t\t\t\tonBlur={() => setHasActiveColor(false)}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t<MrlSvg aria-hidden=\"true\" svg={icon} size=\"small\" />\n\t\t\t</button>\n\t\t</span>\n\t);\n});\n"],"names":["MrlEditableTextInputRightButton","React","forwardRef","_ref","ref","action","dataQa","hasActiveColor","icon","label","setHasActiveColor","handleKeyUp","useCallback","e","key","createElement","className","classnames","styles","type","onMouseUp","onKeyUp","onMouseEnter","onMouseLeave","onFocus","onBlur","MrlSvg","svg","size"],"mappings":";;;;;AAuBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,+BAA+B,gBAAGC,KAAK,CAACC,UAAU,CAG7D,SAASF,+BAA+BA,CAAAG,IAAA,EASzCC,GAAG,EACW;AAAA,EAAA,IARbC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;AAIlB,EAAA,IAAMC,WAAW,GAAGV,KAAK,CAACW,WAAW,CACnCC,CAAyC,IAAK;IAC9C,IAAIA,CAAC,CAACC,GAAG,KAAK,GAAG,IAAID,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACvCT,MAAM,CAACQ,CAAC,CAAC;AACV,IAAA;AACD,EAAA,CAAC,EACD,CAACR,MAAM,CACR,CAAC;EAED,oBACCJ,KAAA,CAAAc,aAAA,CAAA,MAAA,EAAA;AACCC,IAAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,kCAAkC,CAAC,EAAE;AACjE,MAAA,CAACA,MAAM,CAAC,0CAA0C,CAAC,GAAGX;KACtD;GAAE,eAEHN,KAAA,CAAAc,aAAA,CAAA,QAAA,EAAA;AACCI,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYV,KAAM;AAClBW,IAAAA,SAAS,EAAEf,MAAO;AAClBgB,IAAAA,OAAO,EAAEV,WAAY;AACrB,IAAA,SAAA,EAASL,MAAO;AAChBgB,IAAAA,YAAY,EAAEA,MAAMZ,iBAAiB,CAAC,IAAI,CAAE;AAC5Ca,IAAAA,YAAY,EAAEA,MAAMb,iBAAiB,CAAC,KAAK,CAAE;AAC7Cc,IAAAA,OAAO,EAAEA,MAAMd,iBAAiB,CAAC,IAAI,CAAE;AACvCe,IAAAA,MAAM,EAAEA,MAAMf,iBAAiB,CAAC,KAAK,CAAE;AACvCN,IAAAA,GAAG,EAAEA;AAAI,GAAA,eAETH,KAAA,CAAAc,aAAA,CAACW,MAAM,EAAA;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,GAAG,EAAEnB,IAAK;AAACoB,IAAAA,IAAI,EAAC;GAAS,CAC7C,CACH,CAAC;AAET,CAAC;;;;"}

package/dist/esm/components/form/text-input/MrlTextInput/MrlTextInput.js

@@ -1,190 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-import classnames from 'classnames';
-import { MrlTextInputRightIcon } from './MrlTextInputRightIcon.js';
-import { closeAlt } from '@muraldevkit/ds-icons';
-import { useActiveColor } from '../../hooks/useActiveColor.js';
-import styles from './MrlTextInput.module.scss.js';
-import { setAttributes } from '../../../../utils/setAttributes/setAttributes.js';
-import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
-
-var _excluded = ["attrs", "inputId", "isClearable", "dynamicIcon", "hookClear", "maxLength", "persistIcon", "placeholder", "state", "value", "aria-describedby"],
-  _excluded2 = ["aria-describedby"];
-/**
- * @todo - we need to add static icon support for right
- */
-
-/**
- * Allows the user to input plain text
- * @param {MrlTextInputProps} props - the component props
- * @param {HTMLInputElement} ref - a ref to the input element in the DOM
- * @returns a text input element
- */
-var MrlTextInput = /*#__PURE__*/React.forwardRef(function MrlTextInput(_ref, ref) {
-  var _ref$attrs = _ref.attrs,
-    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
-    inputId = _ref.inputId,
-    isClearable = _ref.isClearable,
-    dynamicIcon = _ref.dynamicIcon,
-    hookClear = _ref.hookClear,
-    maxLength = _ref.maxLength,
-    persistIcon = _ref.persistIcon,
-    placeholder = _ref.placeholder,
-    state = _ref.state,
-    value = _ref.value,
-    ariaDescribedByProp = _ref['aria-describedby'],
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var textInputRef = React.useRef(null);
-  var _useActiveColor = useActiveColor(state),
-    hasActiveColor = _useActiveColor.hasActiveColor,
-    setHasActiveColor = _useActiveColor.setHasActiveColor;
-  React.useImperativeHandle(ref, () => textInputRef.current);
-  var clearInput = React.useCallback(() => {
-    if (textInputRef.current) {
-      textInputRef.current.value = '';
-      textInputRef.current.focus();
-    }
-    if (hookClear && typeof hookClear === 'function') {
-      hookClear();
-    }
-  }, [hookClear]);
-  var hasValue = () => {
-    var _textInputRef$current;
-    return ((_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.value) !== '' || value !== '';
-  };
-  var initialAttributes = setAttributes(attrs);
-  var ariaDescribedByAttrs = initialAttributes['aria-describedby'],
-    attributes = _objectWithoutProperties(initialAttributes, _excluded2);
-  var ariaDescribedBy = ariaDescribedByProp || ariaDescribedByAttrs;
-  var handleOnBlur = React.useCallback(e => {
-    setHasActiveColor(false);
-    if (typeof rest.onBlur === 'function') {
-      rest.onBlur(e);
-    }
-    if (typeof attributes.onBlur === 'function') {
-      attributes.onBlur(e);
-    }
-  }, [attributes, rest, setHasActiveColor]);
-  var handleOnFocus = React.useCallback(e => {
-    setHasActiveColor(true);
-    if (typeof rest.onFocus === 'function') {
-      rest.onFocus(e);
-    }
-    if (typeof attributes.onFocus === 'function') {
-      attributes.onFocus(e);
-    }
-  }, [attributes, rest, setHasActiveColor]);
-  var handleOnMouseEnter = React.useCallback(e => {
-    setHasActiveColor(true);
-    if (typeof rest.onMouseEnter === 'function') {
-      rest.onMouseEnter(e);
-    }
-    if (typeof attributes.onMouseEnter === 'function') {
-      attributes.onMouseEnter(e);
-    }
-  }, [attributes, rest, setHasActiveColor]);
-  var handleOnMouseLeave = React.useCallback(e => {
-    setHasActiveColor(false);
-    if (typeof rest.onMouseLeave === 'function') {
-      rest.onMouseLeave(e);
-    }
-    if (typeof attributes.onMouseLeave === 'function') {
-      attributes.onMouseLeave(e);
-    }
-  }, [attributes, rest, setHasActiveColor]);
-  React.useEffect(() => {
-    if (textInputRef.current) {
-      if (attributes.autofocus) {
-        textInputRef.current.focus();
-      }
-    }
-    // it should only run on the first render
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var stateAllowsClearing = state !== 'disabled' && state !== 'read-only';
-  var inputClasses = classnames('MrlTextInput', styles['MrlTextInput'], styles['mrl-textInput'], {
-    [styles['MrlTextInput--dynamicIcon']]: isClearable && stateAllowsClearing,
-    [styles['MrlTextInput--persistIcon']]: persistIcon !== undefined,
-    [styles['MrlTextInput--active']]: hasActiveColor
-  }, attributes.class, attributes.className);
-  var hasDynamicIcon = stateAllowsClearing && !isClearable && typeof dynamicIcon !== 'undefined';
-  var dataMaxLength = attrs['data-maxlength'];
-  var hasMaxLength = typeof maxLength !== 'undefined' && Number(maxLength) > 0;
-  var hasDataMaxLength = typeof dataMaxLength !== 'undefined' && Number(dataMaxLength) > 0;
-  if (hasMaxLength && isNaN(Number(maxLength))) {
-    throw new Error('maxLength should have type number');
-  }
-  if (hasDataMaxLength && isNaN(Number(dataMaxLength))) {
-    throw new Error('data-maxlength should have type number');
-  }
-  if (hasMaxLength && hasDataMaxLength) {
-    throw new Error('maxLength and data-maxlength should not be used at the same time');
-  }
-  var displayCounter = hasMaxLength || hasDataMaxLength;
-  var counterDisplayValue = hasDataMaxLength ? dataMaxLength : maxLength;
-  var valueExceedsDataMaxLength = dataMaxLength && value ? value.length > dataMaxLength : false;
-
-  // @todo - 2563 - move to setAttributes
-  delete attributes.class;
-  delete attributes.className;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles['mrl-u-focus-wrapper']
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "text"
-  }, rest, attributes, {
-    "aria-describedby": ariaDescribedBy,
-    "aria-invalid": state === 'error',
-    className: inputClasses,
-    disabled: state === 'disabled',
-    maxLength: hasMaxLength ? maxLength : undefined,
-    onBlur: handleOnBlur,
-    onFocus: handleOnFocus,
-    onMouseEnter: handleOnMouseEnter,
-    onMouseLeave: handleOnMouseLeave,
-    id: inputId,
-    placeholder: placeholder,
-    readOnly: state === 'read-only',
-    ref: textInputRef,
-    value: value
-  })), /*#__PURE__*/React.createElement("span", {
-    className: styles['mrl-u-focus-indicator']
-  }), persistIcon && /*#__PURE__*/React.createElement(MrlSvg, {
-    "aria-hidden": "true",
-    className: classnames(styles['MrlTextInput-persistIcon'], {
-      [styles['MrlTextInput-persistIcon--active']]: hasActiveColor,
-      [styles['MrlTextInput-persistIcon--disabled']]: state === 'disabled'
-    }),
-    svg: persistIcon,
-    size: "small",
-    onMouseEnter: () => setHasActiveColor(true),
-    onMouseLeave: () => setHasActiveColor(false)
-  }), stateAllowsClearing && hasValue() && isClearable && /*#__PURE__*/React.createElement(MrlTextInputRightIcon, {
-    action: clearInput,
-    icon: closeAlt,
-    label: "Clear input",
-    dataQa: attributes['data-qa'] && "".concat(attributes['data-qa'], "-clear"),
-    hasActiveColor: hasActiveColor,
-    setHasActiveColor: setHasActiveColor,
-    value: value
-  }), hasDynamicIcon && /*#__PURE__*/React.createElement(MrlTextInputRightIcon, _extends({
-    hasActiveColor: hasActiveColor,
-    setHasActiveColor: setHasActiveColor,
-    value: value
-  }, dynamicIcon))), displayCounter && /*#__PURE__*/React.createElement("span", {
-    className: classnames(styles['MrlForm-counter'], 'MrlForm-counter')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: classnames('MrlCounter', {
-      'MrlCounter-overMaxLength': valueExceedsDataMaxLength
-    }),
-    "aria-hidden": "true",
-    id: "".concat(inputId, "-visible-counter")
-  }, (value === null || value === void 0 ? void 0 : value.length) || 0, "/", counterDisplayValue), /*#__PURE__*/React.createElement("p", {
-    style: {
-      display: 'none'
-    },
-    id: "".concat(inputId, "-counter")
-  }, "".concat(counterDisplayValue - ((value === null || value === void 0 ? void 0 : value.length) || 0), " of ").concat(counterDisplayValue, " characters remaining"))));
-});
-
-export { MrlTextInput };
-//# sourceMappingURL=MrlTextInput.js.map