@mirohq/design-system-input 0.6.19 → 1.0.0-pdl-removing-ffs.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/main.js +11 -41
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +12 -42
  4. package/dist/module.js.map +1 -1
  5. package/package.json +6 -7
package/dist/main.js CHANGED
@@ -8,7 +8,6 @@ var designSystemBaseInput = require('@mirohq/design-system-base-input');
8
8
  var designSystemIcons = require('@mirohq/design-system-icons');
9
9
  var designSystemUtils = require('@mirohq/design-system-utils');
10
10
  var designSystemBaseForm = require('@mirohq/design-system-base-form');
11
- var designSystemExperiments = require('@mirohq/design-system-experiments');
12
11
 
13
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
13
 
@@ -175,36 +174,6 @@ const useBaseInputProps = (allProps, forwardRef) => {
175
174
  return { baseInputProps, inputProps, floatingLabelProps };
176
175
  };
177
176
 
178
- const InputFloatingLabel = ({
179
- placeholder,
180
- value,
181
- defaultValue,
182
- size
183
- }) => {
184
- var _a, _b, _c;
185
- const { focused, inputRef, hasIconSlot } = designSystemBaseInput.useInputContext();
186
- const inputValue = (_c = (_b = (_a = inputRef.current) == null ? void 0 : _a.value) != null ? _b : value) != null ? _c : defaultValue;
187
- const { label, shouldUseFloatingLabel } = designSystemBaseForm.useFormFieldContext();
188
- const floatingLabel = placeholder !== void 0 || inputValue !== void 0 && inputValue !== "" || focused;
189
- if (!shouldUseFloatingLabel) {
190
- return null;
191
- }
192
- return /* @__PURE__ */ jsxRuntime.jsx(
193
- designSystemBaseForm.FloatingLabel,
194
- {
195
- floating: floatingLabel,
196
- css: !floatingLabel && hasIconSlot ? (
197
- // icon size + input padding
198
- {
199
- transform: "translate(calc($sizes$icon-200 + $space$50 - 1px), -1px)"
200
- }
201
- ) : floatingLabel ? { transform: "translateY(calc(-50% - 1px))" } : void 0,
202
- size,
203
- children: label
204
- }
205
- );
206
- };
207
-
208
177
  const ActionButton = designSystemBaseInput.BaseInput.ActionButton;
209
178
 
210
179
  const IconSlot = designSystemBaseInput.BaseInput.IconSlot;
@@ -217,9 +186,11 @@ const Input = React__default["default"].forwardRef(
217
186
  clearLabel,
218
187
  ...elementProps
219
188
  } = restProps;
220
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(elementProps, forwardRef);
189
+ const { baseInputProps, inputProps } = useBaseInputProps(
190
+ elementProps,
191
+ forwardRef
192
+ );
221
193
  return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, children: [
222
- /* @__PURE__ */ jsxRuntime.jsx(InputFloatingLabel, { ...floatingLabelProps }),
223
194
  /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseInput.BaseInput.Input, { ...inputProps }),
224
195
  children,
225
196
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -251,9 +222,11 @@ const InputPassword = React__default["default"].forwardRef(
251
222
  const inputRef = React.useRef(null);
252
223
  const [revealState, setRevealState] = React.useState(defaultReveal != null ? defaultReveal : false);
253
224
  const revealInternal = reveal != null ? reveal : revealState;
254
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(restProps, forwardRef);
225
+ const { baseInputProps, inputProps } = useBaseInputProps(
226
+ restProps,
227
+ forwardRef
228
+ );
255
229
  return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, children: [
256
- /* @__PURE__ */ jsxRuntime.jsx(InputFloatingLabel, { ...floatingLabelProps }),
257
230
  /* @__PURE__ */ jsxRuntime.jsx(
258
231
  designSystemBaseInput.BaseInput.Input,
259
232
  {
@@ -295,12 +268,11 @@ const InputEmail = React__default["default"].forwardRef(({ children, ...restProp
295
268
  clearLabel,
296
269
  ...elementProps
297
270
  } = restProps;
298
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(
271
+ const { baseInputProps, inputProps } = useBaseInputProps(
299
272
  elementProps,
300
273
  forwardRef
301
274
  );
302
275
  return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, children: [
303
- /* @__PURE__ */ jsxRuntime.jsx(InputFloatingLabel, { ...floatingLabelProps }),
304
276
  /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseInput.BaseInput.Input, { type: "email", ...inputProps }),
305
277
  children,
306
278
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -324,13 +296,11 @@ const InputSearch = React__default["default"].forwardRef(({ children, ...restPro
324
296
  clearLabel,
325
297
  ...elementProps
326
298
  } = restProps;
327
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(
299
+ const { baseInputProps, inputProps } = useBaseInputProps(
328
300
  elementProps,
329
301
  forwardRef
330
302
  );
331
- const [v1] = designSystemExperiments.useNewDesignLanguage();
332
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, variant: v1 ? "subtle" : "outline", children: [
333
- /* @__PURE__ */ jsxRuntime.jsx(InputFloatingLabel, { ...floatingLabelProps }),
303
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystemBaseInput.BaseInput, { ...baseInputProps, variant: "subtle", children: [
334
304
  /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseInput.BaseInput.Input, { ...inputProps, ref: forwardRef }),
335
305
  children,
336
306
  /* @__PURE__ */ jsxRuntime.jsx(
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/floating-label.tsx","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nimport type { InputFloatingLabelProps } from '../floating-label'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n floatingLabelProps: InputFloatingLabelProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input & floatingLabel shared props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n const floatingLabelProps = {\n placeholder,\n value,\n defaultValue,\n size,\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps, floatingLabelProps }\n}\n","import type { InputHTMLAttributes, ReactElement } from 'react'\nimport {\n FloatingLabel,\n useFormFieldContext,\n} from '@mirohq/design-system-base-form'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { useInputContext } from '@mirohq/design-system-base-input'\n\nexport type InputFloatingLabelProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n 'value' | 'defaultValue' | 'placeholder'\n> &\n Pick<BaseInputSharedProps, 'size'>\n\nexport const InputFloatingLabel = ({\n placeholder,\n value,\n defaultValue,\n size,\n}: InputFloatingLabelProps): ReactElement | null => {\n const { focused, inputRef, hasIconSlot } = useInputContext()\n\n const inputValue = inputRef.current?.value ?? value ?? defaultValue\n\n const { label, shouldUseFloatingLabel } = useFormFieldContext()\n const floatingLabel =\n placeholder !== undefined ||\n (inputValue !== undefined && inputValue !== '') ||\n focused\n\n if (!shouldUseFloatingLabel) {\n return null\n }\n\n return (\n <FloatingLabel\n floating={floatingLabel}\n css={\n !floatingLabel && hasIconSlot\n ? // icon size + input padding\n {\n transform: `translate(calc($sizes$icon-200 + $space$50 - 1px), -1px)`,\n }\n : floatingLabel\n ? { transform: 'translateY(calc(-50% - 1px))' }\n : undefined\n }\n size={size}\n >\n {label}\n </FloatingLabel>\n )\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps, floatingLabelProps } =\n useBaseInputProps(elementProps, forwardRef)\n\n return (\n <BaseInput {...baseInputProps}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps, floatingLabelProps } =\n useBaseInputProps(restProps, forwardRef)\n\n return (\n <BaseInput {...baseInputProps}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n const [v1] = useNewDesignLanguage()\n\n return (\n <BaseInput {...baseInputProps} variant={v1 ? 'subtle' : 'outline'}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["useInputContext","jsx","Fragment","BaseInput","booleanify","IconCross","useFormFieldContext","useEffect","stringAttrValue","mergeRefs","value","FloatingLabel","React","jsxs","useRef","useState","IconLockClosed","reveal","IconEyeOpen","IconEyeClosed","IconEnvelope","useNewDesignLanguage","IconMagnifyingGlass"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,0BAAA,GAA6B,CACjC,QACwC,KAAA;AACxC,EAAA,MAAM,KAA6C,GAAA;AAAA,IACjD,QAAQ,QAAS,CAAA,OAAA;AAAA,IACjB,eAAe,QAAS,CAAA,OAAA;AAAA,IACxB,WAAA,EAAa,IAAI,KAAA,CAAM,OAAS,EAAA;AAAA,MAC9B,OAAS,EAAA,IAAA;AAAA,KACV,CAAA;AAAA,IACD,gBAAgB,MAAM;AAAA,KAAC;AAAA,IACvB,iBAAiB,MAAM;AAAA,KAAC;AAAA,IACxB,oBAAoB,MAAM,KAAA;AAAA,IAC1B,sBAAsB,MAAM,KAAA;AAAA,IAC5B,SAAS,MAAM;AAAA,KAAC;AAAA,GAClB,CAAA;AAEA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AACF,CAAqC,KAAA;AAjCrC,EAAA,IAAA,EAAA,CAAA;AAkCE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,MACEA,qCAAgB,EAAA,CAAA;AAEpB,EAAA,IAAI,CAAC,SAAA;AAAW,IAAA,uBAASC,cAAA,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;AAEzB,EACE,uBAAAD,cAAA;AAAA,IAACE,+BAAU,CAAA,YAAA;AAAA,IAAV;AAAA,MACC,KAAO,EAAA,UAAA;AAAA,MACP,QAAU,EAAAC,4BAAA,CAAA,CAAW,EAAY,GAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAA,YAAA,KAAZ,YAA4B,QAAQ,CAAA;AAAA,MACzD,OAAA,EAAS,CAAC,CAAkB,KAAA;AAC1B,QAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAEf,QAAA,IAAI,KAAU,KAAA,KAAA,CAAA,IAAa,QAAS,CAAA,OAAA,KAAY,IAAM,EAAA;AACpD,UAAI,IAAA,QAAA,CAAS,QAAQ,KAAU,KAAA,EAAA;AAAI,YAAA,OAAA;AACnC,UAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,EAAA,CAAA;AAEzB,UAAM,MAAA,KAAA,GAAQ,2BAA2B,QAAQ,CAAA,CAAA;AACjD,UAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SACb;AAAA,OACF;AAAA,MAEA,yCAACC,2BAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA;AAEJ,CAAA;;ACnDA,MAAM,sBAAyB,GAAA;AAAA,EAC7B,cAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,eAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AACF,CAAA,CAAA;AAkBa,MAAA,iBAAA,GAAoB,CAC/B,QAAA,EACA,UAKG,KAAA;AACH,EAAM,MAAA;AAAA;AAAA,IAEJ,KAAA;AAAA,IACA,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA;AAAA;AAAA,IAGA,EAAA;AAAA,IACA,kBAAoB,EAAA,eAAA;AAAA,IACpB,cAAgB,EAAA,WAAA;AAAA;AAAA,IAGhB,WAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IAEA,GAAG,SAAA;AAAA,GACD,GAAA,QAAA,CAAA;AAEJ,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAiB,EAAA,2BAAA;AAAA,IACjB,WAAa,EAAA,oBAAA;AAAA,IACb,KAAO,EAAA,cAAA;AAAA,IACP,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,MACEC,wCAAsC,EAAA,CAAA;AAE1C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAc,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,QAAA,CAAA,CAAA;AACd,IAAc,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,QAAA,CAAA,CAAA;AACd,IAAc,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,QAAA,CAAA,CAAA;AACd,IAAkB,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,YAAA,CAAA,CAAA;AAAA,GACjB,EAAA;AAAA,IACD,QAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,cAAqC,GAAA;AAAA,IACzC,OAAO,cAAkB,IAAA,IAAA,GAAA,cAAA,GAAA,KAAA;AAAA,IACzB,eAAiB,EAAA,YAAA;AAAA,IACjB,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,UAAkC,GAAA;AAAA,IACtC,IAAI,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,aAAA;AAAA,IACV,kBAAoB,EAAAC,iCAAA;AAAA,MAClB,eAAA;AAAA,MACA,2BAAA;AAAA,KACF;AAAA,IACA,gBAAgB,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,oBAAA;AAAA,IAC/B,WAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAK,EAAAC,2BAAA,CAA4B,CAAC,cAAA,EAAgB,UAAU,CAAC,CAAA;AAAA,GAC/D,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,WAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA;AAEA,EAAO,MAAA,CAAA,OAAA,CAAQ,SAAS,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAKC,MAAK,CAAM,KAAA;AAClD,IAAI,IAAA,sBAAA,CAAuB,QAAS,CAAA,GAAU,CAAG,EAAA;AAC/C,MAAA,cAAA,CAAe,GAAiC,CAAIA,GAAAA,MAAAA,CAAAA;AAAA,KAC/C,MAAA;AACL,MAAA,UAAA,CAAW,GAAgC,CAAIA,GAAAA,MAAAA,CAAAA;AAAA,KACjD;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,cAAgB,EAAA,UAAA,EAAY,kBAAmB,EAAA,CAAA;AAC1D,CAAA;;ACzIO,MAAM,qBAAqB,CAAC;AAAA,EACjC,WAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AACF,CAAoD,KAAA;AAnBpD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAoBE,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,WAAA,KAAgBV,qCAAgB,EAAA,CAAA;AAE3D,EAAA,MAAM,cAAa,EAAS,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,OAAA,KAAT,mBAAkB,KAAlB,KAAA,IAAA,GAAA,EAAA,GAA2B,UAA3B,IAAoC,GAAA,EAAA,GAAA,YAAA,CAAA;AAEvD,EAAA,MAAM,EAAE,KAAA,EAAO,sBAAuB,EAAA,GAAIM,wCAAoB,EAAA,CAAA;AAC9D,EAAA,MAAM,gBACJ,WAAgB,KAAA,KAAA,CAAA,IACf,UAAe,KAAA,KAAA,CAAA,IAAa,eAAe,EAC5C,IAAA,OAAA,CAAA;AAEF,EAAA,IAAI,CAAC,sBAAwB,EAAA;AAC3B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAL,cAAA;AAAA,IAACU,kCAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,aAAA;AAAA,MACV,GAAA,EACE,CAAC,aAAiB,IAAA,WAAA;AAAA;AAAA,QAEd;AAAA,UACE,SAAW,EAAA,0DAAA;AAAA,SACb;AAAA,UACA,aACA,GAAA,EAAE,SAAW,EAAA,8BAAA,EACb,GAAA,KAAA,CAAA;AAAA,MAEN,IAAA;AAAA,MAEC,QAAA,EAAA,KAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA;;AChDO,MAAM,eAAeR,+BAAU,CAAA,YAAA;;ACA/B,MAAM,WAAWA,+BAAU,CAAA,QAAA;;ACc3B,MAAM,QAAQS,yBAAM,CAAA,UAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,GAAG,SAAA,IAAa,UAAe,KAAA;AAC1C,IAAM,MAAA;AAAA,MACJ,SAAY,GAAA,KAAA;AAAA,MACZ,YAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG,YAAA;AAAA,KACD,GAAA,SAAA,CAAA;AAEJ,IAAA,MAAM,EAAE,cAAgB,EAAA,UAAA,EAAY,oBAClC,GAAA,iBAAA,CAAkB,cAAc,UAAU,CAAA,CAAA;AAE5C,IACE,uBAAAC,eAAA,CAACV,+BAAW,EAAA,EAAA,GAAG,cACb,EAAA,QAAA,EAAA;AAAA,sBAACF,cAAA,CAAA,kBAAA,EAAA,EAAoB,GAAG,kBAAoB,EAAA,CAAA;AAAA,sBAC3CA,cAAA,CAAAE,+BAAA,CAAU,KAAV,EAAA,EAAiB,GAAG,UAAY,EAAA,CAAA;AAAA,MAChC,QAAA;AAAA,sBACDF,cAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,UAAA;AAAA,UACA,YAAA;AAAA,UACA,OAAO,UAAW,CAAA,KAAA;AAAA,SAAA;AAAA,OACpB;AAAA,KACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAOA,KAAA,CAAM,YAAe,GAAA,YAAA,CAAA;AACrB,KAAA,CAAM,QAAW,GAAA,QAAA;;ACLV,MAAM,gBAAgBW,yBAAM,CAAA,UAAA;AAAA,EAIjC,CACE;AAAA,IACE,MAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,SAAA;AAAA,KAEL,UACG,KAAA;AACH,IAAM,MAAA,QAAA,GAAWE,aAAyB,IAAI,CAAA,CAAA;AAC9C,IAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAC,cAAA,CAAS,wCAAiB,KAAK,CAAA,CAAA;AACrE,IAAA,MAAM,iBAAiB,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,cAAgB,EAAA,UAAA,EAAY,oBAClC,GAAA,iBAAA,CAAkB,WAAW,UAAU,CAAA,CAAA;AAEzC,IACE,uBAAAF,eAAA,CAACV,+BAAW,EAAA,EAAA,GAAG,cACb,EAAA,QAAA,EAAA;AAAA,sBAACF,cAAA,CAAA,kBAAA,EAAA,EAAoB,GAAG,kBAAoB,EAAA,CAAA;AAAA,sBAC5CA,cAAA;AAAA,QAACE,+BAAU,CAAA,KAAA;AAAA,QAAV;AAAA,UACE,GAAG,UAAA;AAAA,UACJ,IAAA,EAAM,iBAAiB,MAAS,GAAA,UAAA;AAAA,UAChC,GAAK,EAAAM,2BAAA,CAAU,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAAA,SAAA;AAAA,OACvC;AAAA,MACC,QAAA;AAAA,qCACAN,+BAAU,CAAA,QAAA,EAAV,EACC,QAAA,kBAAAF,cAAA,CAACe,oCAAe,CAClB,EAAA,CAAA;AAAA,sBACAf,cAAA;AAAA,QAACE,+BAAU,CAAA,YAAA;AAAA,QAAV;AAAA,UACC,KAAA,EAAO,iBAAiB,SAAY,GAAA,WAAA;AAAA,UACpC,QAAU,EAAA,KAAA;AAAA,UACV,SAAS,MAAM;AAtFzB,YAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAuFY,YAAA,MAAM,iBAAgB,EAAW,GAAA,UAAA,CAAA,KAAA,KAAX,IAAoB,GAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAE5D,YAAA,IAAI,cAAgB,EAAA;AAClB,cAAS,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,aAAA,CAAA,CAAA;AAAA,aACJ,MAAA;AACL,cAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,aAAA,CAAA,CAAA;AAAA,aACb;AAEA,YAAA,IAAI,WAAW,KAAW,CAAA,EAAA;AACxB,cAAe,cAAA,CAAA,CAAAc,OAAU,KAAA,CAACA,OAAM,CAAA,CAAA;AAAA,aAClC;AAAA,WACF;AAAA,UAEC,QAAiB,EAAA,cAAA,mBAAAhB,cAAA,CAACiB,6BAAY,EAAA,EAAA,CAAA,kCAAMC,+BAAc,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OACrD;AAAA,KACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;ACvFa,MAAA,UAAA,GAAaP,0BAAM,UAG9B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,SAAY,GAAA,KAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG,YAAA;AAAA,GACD,GAAA,SAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,cAAA,EAAgB,UAAY,EAAA,kBAAA,EAAuB,GAAA,iBAAA;AAAA,IACzD,YAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAAC,eAAA,CAACV,+BAAW,EAAA,EAAA,GAAG,cACb,EAAA,QAAA,EAAA;AAAA,oBAACF,cAAA,CAAA,kBAAA,EAAA,EAAoB,GAAG,kBAAoB,EAAA,CAAA;AAAA,mCAC3CE,+BAAU,CAAA,KAAA,EAAV,EAAgB,IAAK,EAAA,OAAA,EAAS,GAAG,UAAY,EAAA,CAAA;AAAA,IAC7C,QAAA;AAAA,oBACDF,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,QACA,OAAO,UAAW,CAAA,KAAA;AAAA,OAAA;AAAA,KACpB;AAAA,mCACCE,+BAAU,CAAA,QAAA,EAAV,EACC,QAAA,kBAAAF,cAAA,CAACmB,kCAAa,CAChB,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAC,EAAA;AAMD,UAAA,CAAW,YAAe,GAAA,YAAA;;ACrCb,MAAA,WAAA,GAAcR,0BAAM,UAG/B,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAU,EAAA,EAAG,UAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,SAAY,GAAA,KAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG,YAAA;AAAA,GACD,GAAA,SAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,cAAA,EAAgB,UAAY,EAAA,kBAAA,EAAuB,GAAA,iBAAA;AAAA,IACzD,YAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AACA,EAAM,MAAA,CAAC,EAAE,CAAA,GAAIS,4CAAqB,EAAA,CAAA;AAElC,EAAA,uCACGlB,+BAAW,EAAA,EAAA,GAAG,gBAAgB,OAAS,EAAA,EAAA,GAAK,WAAW,SACtD,EAAA,QAAA,EAAA;AAAA,oBAACF,cAAA,CAAA,kBAAA,EAAA,EAAoB,GAAG,kBAAoB,EAAA,CAAA;AAAA,mCAC3CE,+BAAU,CAAA,KAAA,EAAV,EAAiB,GAAG,UAAA,EAAY,KAAK,UAAY,EAAA,CAAA;AAAA,IACjD,QAAA;AAAA,oBACDF,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,QACA,OAAO,UAAW,CAAA,KAAA;AAAA,OAAA;AAAA,KACpB;AAAA,mCACCE,+BAAU,CAAA,QAAA,EAAV,EACC,QAAA,kBAAAF,cAAA,CAACqB,yCAAoB,CACvB,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAC,EAAA;AAMD,WAAA,CAAY,YAAe,GAAA,YAAA;;;;;;;"}
1
+ {"version":3,"file":"main.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nimport type { InputFloatingLabelProps } from '../floating-label'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n floatingLabelProps: InputFloatingLabelProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input & floatingLabel shared props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n const floatingLabelProps = {\n placeholder,\n value,\n defaultValue,\n size,\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps, floatingLabelProps }\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n restProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps} variant='subtle'>\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["useInputContext","jsx","Fragment","BaseInput","booleanify","IconCross","useFormFieldContext","useEffect","stringAttrValue","mergeRefs","value","React","jsxs","useRef","useState","IconLockClosed","reveal","IconEyeOpen","IconEyeClosed","IconEnvelope","IconMagnifyingGlass"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -3,8 +3,7 @@ import React, { useEffect, useRef, useState } from 'react';
3
3
  import { useInputContext, BaseInput } from '@mirohq/design-system-base-input';
4
4
  import { IconCross, IconLockClosed, IconEyeOpen, IconEyeClosed, IconEnvelope, IconMagnifyingGlass } from '@mirohq/design-system-icons';
5
5
  import { booleanify, stringAttrValue, mergeRefs } from '@mirohq/design-system-utils';
6
- import { useFormFieldContext, FloatingLabel } from '@mirohq/design-system-base-form';
7
- import { useNewDesignLanguage } from '@mirohq/design-system-experiments';
6
+ import { useFormFieldContext } from '@mirohq/design-system-base-form';
8
7
 
9
8
  const createSyntheticChangeEvent = (inputRef) => {
10
9
  const event = {
@@ -167,36 +166,6 @@ const useBaseInputProps = (allProps, forwardRef) => {
167
166
  return { baseInputProps, inputProps, floatingLabelProps };
168
167
  };
169
168
 
170
- const InputFloatingLabel = ({
171
- placeholder,
172
- value,
173
- defaultValue,
174
- size
175
- }) => {
176
- var _a, _b, _c;
177
- const { focused, inputRef, hasIconSlot } = useInputContext();
178
- const inputValue = (_c = (_b = (_a = inputRef.current) == null ? void 0 : _a.value) != null ? _b : value) != null ? _c : defaultValue;
179
- const { label, shouldUseFloatingLabel } = useFormFieldContext();
180
- const floatingLabel = placeholder !== void 0 || inputValue !== void 0 && inputValue !== "" || focused;
181
- if (!shouldUseFloatingLabel) {
182
- return null;
183
- }
184
- return /* @__PURE__ */ jsx(
185
- FloatingLabel,
186
- {
187
- floating: floatingLabel,
188
- css: !floatingLabel && hasIconSlot ? (
189
- // icon size + input padding
190
- {
191
- transform: "translate(calc($sizes$icon-200 + $space$50 - 1px), -1px)"
192
- }
193
- ) : floatingLabel ? { transform: "translateY(calc(-50% - 1px))" } : void 0,
194
- size,
195
- children: label
196
- }
197
- );
198
- };
199
-
200
169
  const ActionButton = BaseInput.ActionButton;
201
170
 
202
171
  const IconSlot = BaseInput.IconSlot;
@@ -209,9 +178,11 @@ const Input = React.forwardRef(
209
178
  clearLabel,
210
179
  ...elementProps
211
180
  } = restProps;
212
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(elementProps, forwardRef);
181
+ const { baseInputProps, inputProps } = useBaseInputProps(
182
+ elementProps,
183
+ forwardRef
184
+ );
213
185
  return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, children: [
214
- /* @__PURE__ */ jsx(InputFloatingLabel, { ...floatingLabelProps }),
215
186
  /* @__PURE__ */ jsx(BaseInput.Input, { ...inputProps }),
216
187
  children,
217
188
  /* @__PURE__ */ jsx(
@@ -243,9 +214,11 @@ const InputPassword = React.forwardRef(
243
214
  const inputRef = useRef(null);
244
215
  const [revealState, setRevealState] = useState(defaultReveal != null ? defaultReveal : false);
245
216
  const revealInternal = reveal != null ? reveal : revealState;
246
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(restProps, forwardRef);
217
+ const { baseInputProps, inputProps } = useBaseInputProps(
218
+ restProps,
219
+ forwardRef
220
+ );
247
221
  return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, children: [
248
- /* @__PURE__ */ jsx(InputFloatingLabel, { ...floatingLabelProps }),
249
222
  /* @__PURE__ */ jsx(
250
223
  BaseInput.Input,
251
224
  {
@@ -287,12 +260,11 @@ const InputEmail = React.forwardRef(({ children, ...restProps }, forwardRef) =>
287
260
  clearLabel,
288
261
  ...elementProps
289
262
  } = restProps;
290
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(
263
+ const { baseInputProps, inputProps } = useBaseInputProps(
291
264
  elementProps,
292
265
  forwardRef
293
266
  );
294
267
  return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, children: [
295
- /* @__PURE__ */ jsx(InputFloatingLabel, { ...floatingLabelProps }),
296
268
  /* @__PURE__ */ jsx(BaseInput.Input, { type: "email", ...inputProps }),
297
269
  children,
298
270
  /* @__PURE__ */ jsx(
@@ -316,13 +288,11 @@ const InputSearch = React.forwardRef(({ children, ...restProps }, forwardRef) =>
316
288
  clearLabel,
317
289
  ...elementProps
318
290
  } = restProps;
319
- const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(
291
+ const { baseInputProps, inputProps } = useBaseInputProps(
320
292
  elementProps,
321
293
  forwardRef
322
294
  );
323
- const [v1] = useNewDesignLanguage();
324
- return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, variant: v1 ? "subtle" : "outline", children: [
325
- /* @__PURE__ */ jsx(InputFloatingLabel, { ...floatingLabelProps }),
295
+ return /* @__PURE__ */ jsxs(BaseInput, { ...baseInputProps, variant: "subtle", children: [
326
296
  /* @__PURE__ */ jsx(BaseInput.Input, { ...inputProps, ref: forwardRef }),
327
297
  children,
328
298
  /* @__PURE__ */ jsx(
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/floating-label.tsx","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nimport type { InputFloatingLabelProps } from '../floating-label'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n floatingLabelProps: InputFloatingLabelProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input & floatingLabel shared props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n const floatingLabelProps = {\n placeholder,\n value,\n defaultValue,\n size,\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps, floatingLabelProps }\n}\n","import type { InputHTMLAttributes, ReactElement } from 'react'\nimport {\n FloatingLabel,\n useFormFieldContext,\n} from '@mirohq/design-system-base-form'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { useInputContext } from '@mirohq/design-system-base-input'\n\nexport type InputFloatingLabelProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n 'value' | 'defaultValue' | 'placeholder'\n> &\n Pick<BaseInputSharedProps, 'size'>\n\nexport const InputFloatingLabel = ({\n placeholder,\n value,\n defaultValue,\n size,\n}: InputFloatingLabelProps): ReactElement | null => {\n const { focused, inputRef, hasIconSlot } = useInputContext()\n\n const inputValue = inputRef.current?.value ?? value ?? defaultValue\n\n const { label, shouldUseFloatingLabel } = useFormFieldContext()\n const floatingLabel =\n placeholder !== undefined ||\n (inputValue !== undefined && inputValue !== '') ||\n focused\n\n if (!shouldUseFloatingLabel) {\n return null\n }\n\n return (\n <FloatingLabel\n floating={floatingLabel}\n css={\n !floatingLabel && hasIconSlot\n ? // icon size + input padding\n {\n transform: `translate(calc($sizes$icon-200 + $space$50 - 1px), -1px)`,\n }\n : floatingLabel\n ? { transform: 'translateY(calc(-50% - 1px))' }\n : undefined\n }\n size={size}\n >\n {label}\n </FloatingLabel>\n )\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps, floatingLabelProps } =\n useBaseInputProps(elementProps, forwardRef)\n\n return (\n <BaseInput {...baseInputProps}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps, floatingLabelProps } =\n useBaseInputProps(restProps, forwardRef)\n\n return (\n <BaseInput {...baseInputProps}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { InputFloatingLabel } from './floating-label'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps, floatingLabelProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n const [v1] = useNewDesignLanguage()\n\n return (\n <BaseInput {...baseInputProps} variant={v1 ? 'subtle' : 'outline'}>\n <InputFloatingLabel {...floatingLabelProps} />\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["value","reveal"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/clear-action.tsx","../src/hooks/use-base-input-props.ts","../src/partials/action-button.ts","../src/partials/icon-slot.ts","../src/input.tsx","../src/input-password.tsx","../src/input-email.tsx","../src/input-search.tsx"],"sourcesContent":["import { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { PressEvent } from '@mirohq/design-system-use-press'\nimport { BaseInput, useInputContext } from '@mirohq/design-system-base-input'\n\nimport type { ClearProps } from './types'\n\nexport type ClearActionProps = ClearProps\n\nconst createSyntheticChangeEvent = (\n inputRef: React.RefObject<HTMLInputElement>\n): React.ChangeEvent<HTMLInputElement> => {\n const event: React.ChangeEvent<HTMLInputElement> = {\n target: inputRef.current,\n currentTarget: inputRef.current,\n nativeEvent: new Event('input', {\n bubbles: true,\n }),\n preventDefault: () => {},\n stopPropagation: () => {},\n isDefaultPrevented: () => false,\n isPropagationStopped: () => false,\n persist: () => {},\n } as unknown as React.ChangeEvent<HTMLInputElement>\n\n return event\n}\n\nexport const ClearAction = ({\n clearable,\n clearLabel,\n onClearPress,\n value,\n}: ClearActionProps): JSX.Element => {\n const {\n disabled,\n 'aria-disabled': ariaDisabled,\n readOnly,\n inputRef,\n onChange,\n } = useInputContext()\n\n if (!clearable) return <></>\n\n return (\n <BaseInput.ActionButton\n label={clearLabel}\n disabled={booleanify(disabled ?? ariaDisabled ?? readOnly)}\n onPress={(e: PressEvent) => {\n onClearPress?.(e)\n\n if (value === undefined && inputRef.current !== null) {\n if (inputRef.current.value === '') return\n inputRef.current.value = ''\n\n const event = createSyntheticChangeEvent(inputRef)\n onChange?.(event)\n }\n }}\n >\n <IconCross />\n </BaseInput.ActionButton>\n )\n}\n","import type { InputHTMLAttributes, ForwardedRef } from 'react'\nimport { useEffect } from 'react'\nimport type {\n BaseInputProps,\n BaseInputInputProps,\n BaseInputSharedProps,\n} from '@mirohq/design-system-base-input'\nimport { mergeRefs, stringAttrValue } from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\n\nimport type { InputFloatingLabelProps } from '../floating-label'\n\nconst baseInputAllowedEvents = [\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseMove',\n 'onMouseMoveCapture',\n 'onMouseOut',\n 'onMouseOutCapture',\n 'onMouseOver',\n 'onMouseOverCapture',\n 'onPointerEnter',\n 'onPointerLeave',\n 'onPointerMove',\n 'onPointerMoveCapture',\n 'onPointerOut',\n 'onPointerOutCapture',\n 'onPointerOver',\n 'onPointerOverCapture',\n 'onTouchMove',\n 'onTouchMoveCapture',\n] as const\n\ntype BaseInputAllowedEventsKeys = typeof baseInputAllowedEvents[number]\n\ntype BaseInputEventProps = Pick<\n InputHTMLAttributes<HTMLInputElement>,\n BaseInputAllowedEventsKeys\n>\n\ninterface AdditionalRootProps {\n // to pass down className generated by Stitches.styled when providing Input as an element\n className?: string\n}\n\nexport type BaseInputRootProps = BaseInputProps &\n BaseInputEventProps &\n AdditionalRootProps\n\nexport const useBaseInputProps = (\n allProps: BaseInputSharedProps & AdditionalRootProps,\n forwardRef: ForwardedRef<HTMLInputElement>\n): {\n baseInputProps: BaseInputRootProps\n inputProps: BaseInputInputProps\n floatingLabelProps: InputFloatingLabelProps\n} => {\n const {\n // base-input props\n valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n\n // input props\n id,\n 'aria-describedby': ariaDescribedBy,\n 'aria-invalid': ariaInvalid,\n\n // input & floatingLabel shared props\n placeholder,\n value,\n defaultValue,\n\n ...restProps\n } = allProps\n\n const {\n formElementId,\n formElementRef,\n ariaDescribedBy: formFieldContextDescribedBy,\n ariaInvalid: formFieldAriaInvalid,\n valid: formFieldValid,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n } = useFormFieldContext<HTMLInputElement>()\n\n useEffect(() => {\n setRequired?.(required)\n setReadOnly?.(readOnly)\n setDisabled?.(disabled)\n setAriaDisabled?.(ariaDisabled)\n }, [\n disabled,\n ariaDisabled,\n readOnly,\n required,\n setRequired,\n setReadOnly,\n setDisabled,\n setAriaDisabled,\n ])\n\n const baseInputProps: BaseInputRootProps = {\n valid: formFieldValid ?? valid,\n 'aria-disabled': ariaDisabled,\n readOnly,\n required,\n disabled,\n size,\n className,\n css,\n onChange,\n }\n\n const inputProps: BaseInputInputProps = {\n id: id ?? formElementId,\n 'aria-describedby': stringAttrValue(\n ariaDescribedBy,\n formFieldContextDescribedBy\n ),\n 'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n placeholder,\n value,\n defaultValue,\n ref: mergeRefs<HTMLInputElement>([formElementRef, forwardRef]),\n }\n\n const floatingLabelProps = {\n placeholder,\n value,\n defaultValue,\n size,\n }\n\n Object.entries(restProps).forEach(([key, value]) => {\n if (baseInputAllowedEvents.includes(key as any)) {\n baseInputProps[key as BaseInputAllowedEventsKeys] = value\n } else {\n inputProps[key as keyof BaseInputInputProps] = value\n }\n })\n\n return { baseInputProps, inputProps, floatingLabelProps }\n}\n","import type { BaseInputActionButtonProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type ActionButtonProps = BaseInputActionButtonProps\nexport const ActionButton = BaseInput.ActionButton\n","import type { BaseInputIconSlotProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nexport type IconSlotProps = BaseInputIconSlotProps\nexport const IconSlot = BaseInput.IconSlot\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\nimport { IconSlot } from './partials/icon-slot'\n\nexport type InputProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const Input = React.forwardRef<ElementRef<'input'>, InputProps>(\n ({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n </BaseInput>\n )\n }\n) as ForwardRefExoticComponent<InputProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n IconSlot: typeof IconSlot\n}\n\nInput.ActionButton = ActionButton\nInput.IconSlot = IconSlot\n","import React, { useState, useRef } from 'react'\nimport type { ElementRef } from 'react'\nimport {\n IconEyeOpen,\n IconEyeClosed,\n IconLockClosed,\n} from '@mirohq/design-system-icons'\nimport { mergeRefs } from '@mirohq/design-system-utils'\nimport type { BaseInputSharedProps } from '@mirohq/design-system-base-input'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport type { Value } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\n\nexport interface InputPasswordProps extends Omit<BaseInputSharedProps, 'type'> {\n /**\n * A boolean for the default password state (visible or masked).\n */\n defaultReveal?: boolean\n\n /**\n * Indicates whether the password should be revealed (visible) or hidden (masked).\n */\n reveal?: boolean\n\n /**\n * Callback function to be called when the password is revealed.\n */\n onReveal?: (value: Value) => void\n\n /**\n * Callback function to be called when the password is hidden (masked).\n */\n onHide?: (value: Value) => void\n\n /**\n * Tooltip label text for the action to reveal the password.\n */\n revealLabel: string\n\n /**\n * Tooltip label text for the action to hide (mask) the password.\n */\n hideLabel: string\n}\n\nexport const InputPassword = React.forwardRef<\n ElementRef<'input'>,\n InputPasswordProps\n>(\n (\n {\n reveal,\n defaultReveal,\n onReveal,\n onHide,\n hideLabel,\n revealLabel,\n children,\n ...restProps\n },\n forwardRef\n ) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [revealState, setRevealState] = useState(defaultReveal ?? false)\n const revealInternal = reveal ?? revealState\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n restProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input\n {...inputProps}\n type={revealInternal ? 'text' : 'password'}\n ref={mergeRefs([inputRef, forwardRef])}\n />\n {children}\n <BaseInput.IconSlot>\n <IconLockClosed />\n </BaseInput.IconSlot>\n <BaseInput.ActionButton\n label={revealInternal ? hideLabel : revealLabel}\n disabled={false}\n onPress={() => {\n const valueInternal = inputProps.value ?? inputRef.current?.value\n\n if (revealInternal) {\n onHide?.(valueInternal)\n } else {\n onReveal?.(valueInternal)\n }\n\n if (reveal === undefined) {\n setRevealState(reveal => !reveal)\n }\n }}\n >\n {revealInternal ? <IconEyeOpen /> : <IconEyeClosed />}\n </BaseInput.ActionButton>\n </BaseInput>\n )\n }\n)\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconEnvelope } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputEmailProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputEmail = React.forwardRef<\n ElementRef<'input'>,\n InputEmailProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps}>\n <BaseInput.Input type='email' {...inputProps} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconEnvelope />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputEmailProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputEmail.ActionButton = ActionButton\n","import React from 'react'\nimport type {\n ElementRef,\n ForwardRefExoticComponent,\n RefAttributes,\n} from 'react'\nimport { IconMagnifyingGlass } from '@mirohq/design-system-icons'\nimport { BaseInput } from '@mirohq/design-system-base-input'\n\nimport { ClearAction } from './clear-action'\nimport type { ClearableInputProps, ClearProps } from './types'\nimport { useBaseInputProps } from './hooks/use-base-input-props'\nimport { ActionButton } from './partials/action-button'\n\nexport type InputSearchProps = ClearableInputProps &\n RefAttributes<ElementRef<'input'>>\n\nexport const InputSearch = React.forwardRef<\n ElementRef<'input'>,\n InputSearchProps\n>(({ children, ...restProps }, forwardRef) => {\n const {\n clearable = false,\n onClearPress,\n clearLabel,\n ...elementProps\n } = restProps as ClearProps\n\n const { baseInputProps, inputProps } = useBaseInputProps(\n elementProps,\n forwardRef\n )\n\n return (\n <BaseInput {...baseInputProps} variant='subtle'>\n <BaseInput.Input {...inputProps} ref={forwardRef} />\n {children}\n <ClearAction\n clearable={clearable}\n clearLabel={clearLabel}\n onClearPress={onClearPress}\n value={inputProps.value}\n />\n <BaseInput.IconSlot>\n <IconMagnifyingGlass />\n </BaseInput.IconSlot>\n </BaseInput>\n )\n}) as ForwardRefExoticComponent<InputSearchProps> & Partials\n\nexport interface Partials {\n ActionButton: typeof ActionButton\n}\n\nInputSearch.ActionButton = ActionButton\n"],"names":["value","reveal"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-input",
3
- "version": "0.6.19",
3
+ "version": "1.0.0-pdl-removing-ffs.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,12 +26,11 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-base-form": "^0.3.13",
30
- "@mirohq/design-system-base-input": "^0.5.30",
31
- "@mirohq/design-system-icons": "^0.74.2",
32
- "@mirohq/design-system-use-press": "^0.5.0",
33
- "@mirohq/design-system-utils": "^0.15.6",
34
- "@mirohq/design-system-experiments": "^0.4.0"
29
+ "@mirohq/design-system-base-form": "^1.0.0-pdl-removing-ffs.0",
30
+ "@mirohq/design-system-base-input": "^1.0.0-pdl-removing-ffs.0",
31
+ "@mirohq/design-system-use-press": "^1.0.0-pdl-removing-ffs.0",
32
+ "@mirohq/design-system-icons": "^1.0.0-pdl-removing-ffs.0",
33
+ "@mirohq/design-system-utils": "^1.0.0-pdl-removing-ffs.0"
35
34
  },
36
35
  "scripts": {
37
36
  "build": "rollup -c ../../../rollup.config.js",