npm - @veeqo/ui - Versions diffs - 10.0.0-beta.3 → 10.0.0-beta.5 - Mend

@veeqo/ui 10.0.0-beta.3 → 10.0.0-beta.5

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 (636) hide show

package/dist/components/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n id: passedId,\n children,\n zIndex = theme.layers.popup,\n placement = 'bottom',\n anchorElement,\n rootElementRef,\n onShouldClose,\n style,\n disableFocusLock,\n removeBackdrop = false,\n useAnchorWidth,\n ignoreAriaWarnings,\n ...dialogProps\n}: PopoverProps) => {\n // Set up PopperJS\n const [popperElement, setPopperElement] = useState<HTMLDialogElement \| null>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n // Setup popover id to use passed, or generate its' own.\n const id = useMemo(() => passedId \|\| generateId('popover'), [passedId]);\n\n // Check and update aria for anchor, only works once this has rendered for the first time though.\n useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n const onClose = () => {\n anchorElement?.focus();\n onShouldClose?.();\n };\n\n const { handleKeyDown } = useHandleFocus({\n popperElement,\n anchorElement,\n onClose,\n disableFocusLock,\n });\n\n /*\n When content size is changed, force popper update\n /\n useEffect(() => {\n if (!update \|\| !popperElement) return undefined;\n const resizeObserver = new ResizeObserver(update);\n resizeObserver.observe(popperElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [update, popperElement]);\n\n /\n When window is resized, force popper update\n */\n useEffect(() => {\n if (!update) return undefined;\n window.addEventListener('resize', update);\n\n return () => {\n window.removeEventListener('resize', update);\n };\n }, [update]);\n\n return (\n <Portal rootElementRef={rootElementRef}>\n {!removeBackdrop && (\n <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n )}\n <PopoverDialog\n open\n id={id}\n zIndex={zIndex}\n ref={setPopperElement}\n style={{\n ...styles.popper,\n ...style,\n ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n }}\n onKeyDown={handleKeyDown}\n {...attributes.popper}\n {...dialogProps}\n >\n {children}\n </PopoverDialog>\n </Portal>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;MAYa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,SAAS;AAC/C,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,SAAS;AAC7B,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAEzC,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC9C,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACdA,cAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,~~EACJ~~,~~IAAA,EAAA,~~EAAE,EAAE,EAAE,~~EACN~~,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n id: passedId,\n children,\n zIndex = theme.layers.popup,\n placement = 'bottom',\n anchorElement,\n rootElementRef,\n onShouldClose,\n style,\n disableFocusLock,\n removeBackdrop = false,\n useAnchorWidth,\n ignoreAriaWarnings,\n ...dialogProps\n}: PopoverProps) => {\n // Set up PopperJS\n const [popperElement, setPopperElement] = useState<HTMLDialogElement \| null>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n // Setup popover id to use passed, or generate its' own.\n const id = useMemo(() => passedId \|\| generateId('popover'), [passedId]);\n\n // Check and update aria for anchor, only works once this has rendered for the first time though.\n useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n const onClose = () => {\n anchorElement?.focus();\n onShouldClose?.();\n };\n\n const { handleKeyDown } = useHandleFocus({\n popperElement,\n anchorElement,\n onClose,\n disableFocusLock,\n });\n\n /*\n When content size is changed, force popper update\n /\n useEffect(() => {\n if (!update \|\| !popperElement) return undefined;\n const resizeObserver = new ResizeObserver(update);\n resizeObserver.observe(popperElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [update, popperElement]);\n\n /\n When window is resized, force popper update\n */\n useEffect(() => {\n if (!update) return undefined;\n window.addEventListener('resize', update);\n\n return () => {\n window.removeEventListener('resize', update);\n };\n }, [update]);\n\n return (\n <Portal rootElementRef={rootElementRef}>\n {!removeBackdrop && (\n <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n )}\n <PopoverDialog\n open\n id={id}\n data-dialog-type=\"popover\"\n zIndex={zIndex}\n ref={setPopperElement}\n style={{\n ...styles.popper,\n ...style,\n ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n }}\n onKeyDown={handleKeyDown}\n {...attributes.popper}\n {...dialogProps}\n >\n {children}\n </PopoverDialog>\n </Portal>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PriceInput/PriceInput.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
 var React = require('react');
+var withLabels = require('../../hoc/withLabels/withLabels.cjs');
 var Stepper = require('../Stepper/Stepper.cjs');
 var InputAffix = require('../InputAffix/InputAffix.cjs');
-var withLabels = require('../../hoc/withLabels/withLabels.cjs');
 var index = require('../InputGroup/index.cjs');
 var index$1 = require('../TextField/index.cjs');
@@ -12,6 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 const fractionDigits = 2;
+const flexStyle = { flex: 1 };
 function stringToFixed(price) {
     const floatPrice = parseFloat(price.replace(',', '.'));
     return floatPrice.toFixed(fractionDigits);
@@ -52,9 +53,9 @@ const PriceInput = withLabels.withLabels(({ className = '', hasError, currency,
             handleDecrement(onChange);
     };
     const compact = size === 'sm';
-    return (React__default.default.createElement(index.InputGroup, { className: className, hasError: hasError },
+    return (React__default.default.createElement(index.InputGroup, { hasError: hasError, style: flexStyle, className: className },
         React__default.default.createElement(InputAffix.InputAffix, { compact: compact, hasError: hasError }, currency),
-        React__default.default.createElement(index$1.TextField, { placeholder: "0.00", type: "currency", value: priceValue, step: step, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: disabled, size: size, hasError: hasError, ...otherProps }),
+        React__default.default.createElement(index$1.TextField, { placeholder: "0.00", value: priceValue, step: step, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: disabled, size: size, hasError: hasError, style: flexStyle, ...otherProps }),
         React__default.default.createElement(Stepper.Stepper, { onIncrement: () => handleIncrement(), onDecrement: () => handleDecrement(), disabled: disabled, hasError: hasError, size: size })));
 });
 PriceInput.displayName = 'PriceInput';

package/dist/components/PriceInput/PriceInput.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~Stepper~~ } from '~~../Stepper~~';\nimport ~~type~~ { ~~TextFieldProps~~ } from '~~../TextField/~~types';\nimport { ~~InputAffix~~ } from '../~~InputAffix~~';\nimport { ~~withLabels~~ } from '~~../../hoc~~';\n\nimport { ~~PriceInputProps } from './types';\nimport {~~ InputGroup } from '../InputGroup';\nimport { TextField } from '../TextField';\n\nconst fractionDigits = 2;\n\nfunction stringToFixed(price: string) {\n const floatPrice = parseFloat(price.replace(',', '.'));\n return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n ({\n className = '',\n hasError,\n currency,\n disabled = false,\n onChange,\n onPriceChange,\n priceValue,\n step = '0.1',\n size = 'base',\n ...otherProps\n }) => {\n const handleChange = (value: string) =>\n onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n const handleBlur: TextFieldProps['onBlur'] = (e) => {\n const target = e.target as HTMLInputElement;\n const { value } = target;\n\n if (!value) {\n onPriceChange('');\n\n return;\n }\n\n const roundedValue = stringToFixed(value);\n\n onPriceChange(roundedValue);\n };\n\n const handleIncrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice + currentStep).toFixed(fractionDigits));\n };\n const handleDecrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice - currentStep).toFixed(fractionDigits));\n };\n\n const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n const isInForm = target.form;\n\n if (!isInForm) {\n if (key === 'Enter') target.blur();\n }\n if (key === 'ArrowUp') handleIncrement(onChange);\n if (key === 'ArrowDown') handleDecrement(onChange);\n };\n\n const compact = size === 'sm';\n\n return (\n <InputGroup ~~className~~={~~className~~} ~~hasError~~={~~hasError~~}>\n <InputAffix compact={compact} hasError={hasError}>\n {currency}\n </InputAffix>\n <TextField\n placeholder=\"0.00\"\n ~~type=\"currency\"\n~~ value={priceValue}\n step={step}\n onChange={handleChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n size={size}\n hasError={hasError}\n {...otherProps}\n />\n <Stepper\n onIncrement={() => handleIncrement()}\n onDecrement={() => handleDecrement()}\n disabled={disabled}\n hasError={hasError}\n size={size}\n />\n </InputGroup>\n );\n },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["withLabels","React","InputGroup","InputAffix","TextField","Stepper"],"mappings":";;;;;;;;;;;;;~~AAWA~~,MAAM,cAAc,GAAG,CAAC;AAExB,SAAS,aAAa,CAAC,KAAa,EAAA;AAClC,IAAA,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACtD,IAAA,OAAO,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC;AAC3C;AAEa,MAAA,UAAU,GAAGA,qBAAU,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,MAAM,EACb,GAAG,UAAU,EACd,KAAI;IACH,MAAM,YAAY,GAAG,CAAC,KAAa,KACjC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5D,IAAA,MAAM,UAAU,GAA6B,CAAC,CAAC,KAAI;AACjD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM;QAExB,IAAI,CAAC,KAAK,EAAE;YACV,aAAa,CAAC,EAAE,CAAC;YAEjB;AACD;AAED,QAAA,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC;QAEzC,aAAa,CAAC,YAAY,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,aAAa,KAAI;QACnD,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC;AAEpC,QAAA,QAAQ,CAAC,CAAC,YAAY,GAAG,WAAW,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;AAChE,KAAC;AACD,IAAA,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,aAAa,KAAI;QACnD,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC;AAEpC,QAAA,QAAQ,CAAC,CAAC,YAAY,GAAG,WAAW,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;AAChE,KAAC;AAED,IAAA,MAAM,aAAa,GAAgC,CAAC,CAAC,KAAI;AACvD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;AACjB,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI;QAE5B,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,GAAG,KAAK,OAAO;gBAAE,MAAM,CAAC,IAAI,EAAE;AACnC;QACD,IAAI,GAAG,KAAK,SAAS;YAAE,eAAe,CAAC,QAAQ,CAAC;QAChD,IAAI,GAAG,KAAK,WAAW;YAAE,eAAe,CAAC,QAAQ,CAAC;AACpD,KAAC;AAED,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;~~IAE7B~~,QACEC,~~sBAAC~~,CAAA,aAAA,~~CAAAC~~,gBAAU,EAAC,~~EAAA~~,~~SAAS~~,EAAE,SAAS,EAAE,~~QAAQ~~,EAAE,~~QAAQ~~,EAAA;~~QAClDD~~,sBAAC,CAAA,aAAA,CAAAE,qBAAU,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAC7C,EAAA,QAAQ,CACE;AACb,QAAAF,sBAAA,CAAA,aAAA,CAACG,iBAAS,EACR,EAAA,WAAW,EAAC,MAAM,EAClB,~~IAAI,EAAC,UAAU,EACf,~~KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAAA,~~GACd~~,UAAU,EACd,CAAA;AACF,QAAAH,sBAAA,CAAA,aAAA,CAACI,eAAO,EAAA,EACN,WAAW,EAAE,MAAM,eAAe,EAAE,EACpC,WAAW,EAAE,MAAM,eAAe,EAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,CAAA,CACS;AAEjB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
1	+ {"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { PriceInputProps } from './types';\n\nimport { Stepper } from '../Stepper';\nimport { InputAffix } from '../InputAffix';\nimport { InputGroup } from '../InputGroup';\nimport { TextField, TextFieldProps } from '../TextField';\n\nconst fractionDigits = 2;\n\nconst flexStyle = { flex: 1 };\n\nfunction stringToFixed(price: string) {\n const floatPrice = parseFloat(price.replace(',', '.'));\n return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n ({\n className = '',\n hasError,\n currency,\n disabled = false,\n onChange,\n onPriceChange,\n priceValue,\n step = '0.1',\n size = 'base',\n ...otherProps\n }) => {\n const handleChange = (value: string) =>\n onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n const handleBlur: TextFieldProps['onBlur'] = (e) => {\n const target = e.target as HTMLInputElement;\n const { value } = target;\n\n if (!value) {\n onPriceChange('');\n\n return;\n }\n\n const roundedValue = stringToFixed(value);\n\n onPriceChange(roundedValue);\n };\n\n const handleIncrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice + currentStep).toFixed(fractionDigits));\n };\n const handleDecrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice - currentStep).toFixed(fractionDigits));\n };\n\n const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n const isInForm = target.form;\n\n if (!isInForm) {\n if (key === 'Enter') target.blur();\n }\n if (key === 'ArrowUp') handleIncrement(onChange);\n if (key === 'ArrowDown') handleDecrement(onChange);\n };\n\n const compact = size === 'sm';\n\n return (\n <InputGroup hasError={hasError} style={flexStyle} className={className}>\n <InputAffix compact={compact} hasError={hasError}>\n {currency}\n </InputAffix>\n <TextField\n placeholder=\"0.00\"\n value={priceValue}\n step={step}\n onChange={handleChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n size={size}\n hasError={hasError}\n style={flexStyle}\n {...otherProps}\n />\n <Stepper\n onIncrement={() => handleIncrement()}\n onDecrement={() => handleDecrement()}\n disabled={disabled}\n hasError={hasError}\n size={size}\n />\n </InputGroup>\n );\n },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["withLabels","React","InputGroup","InputAffix","TextField","Stepper"],"mappings":"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"}

package/dist/components/PriceInput/PriceInput.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import React__default from 'react';
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
 import { Stepper } from '../Stepper/Stepper.js';
 import { InputAffix } from '../InputAffix/InputAffix.js';
-import { withLabels } from '../../hoc/withLabels/withLabels.js';
 import { InputGroup } from '../InputGroup/index.js';
 import { TextField } from '../TextField/index.js';
 const fractionDigits = 2;
+const flexStyle = { flex: 1 };
 function stringToFixed(price) {
     const floatPrice = parseFloat(price.replace(',', '.'));
     return floatPrice.toFixed(fractionDigits);
@@ -46,9 +47,9 @@ const PriceInput = withLabels(({ className = '', hasError, currency, disabled =
             handleDecrement(onChange);
     };
     const compact = size === 'sm';
-    return (React__default.createElement(InputGroup, { className: className, hasError: hasError },
+    return (React__default.createElement(InputGroup, { hasError: hasError, style: flexStyle, className: className },
         React__default.createElement(InputAffix, { compact: compact, hasError: hasError }, currency),
-        React__default.createElement(TextField, { placeholder: "0.00", type: "currency", value: priceValue, step: step, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: disabled, size: size, hasError: hasError, ...otherProps }),
+        React__default.createElement(TextField, { placeholder: "0.00", value: priceValue, step: step, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: disabled, size: size, hasError: hasError, style: flexStyle, ...otherProps }),
         React__default.createElement(Stepper, { onIncrement: () => handleIncrement(), onDecrement: () => handleDecrement(), disabled: disabled, hasError: hasError, size: size })));
 });
 PriceInput.displayName = 'PriceInput';

package/dist/components/PriceInput/PriceInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~Stepper~~ } from '~~../Stepper~~';\nimport ~~type~~ { ~~TextFieldProps~~ } from '~~../TextField/~~types';\nimport { ~~InputAffix~~ } from '../~~InputAffix~~';\nimport { ~~withLabels~~ } from '~~../../hoc~~';\n\nimport { ~~PriceInputProps } from './types';\nimport {~~ InputGroup } from '../InputGroup';\nimport { TextField } from '../TextField';\n\nconst fractionDigits = 2;\n\nfunction stringToFixed(price: string) {\n const floatPrice = parseFloat(price.replace(',', '.'));\n return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n ({\n className = '',\n hasError,\n currency,\n disabled = false,\n onChange,\n onPriceChange,\n priceValue,\n step = '0.1',\n size = 'base',\n ...otherProps\n }) => {\n const handleChange = (value: string) =>\n onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n const handleBlur: TextFieldProps['onBlur'] = (e) => {\n const target = e.target as HTMLInputElement;\n const { value } = target;\n\n if (!value) {\n onPriceChange('');\n\n return;\n }\n\n const roundedValue = stringToFixed(value);\n\n onPriceChange(roundedValue);\n };\n\n const handleIncrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice + currentStep).toFixed(fractionDigits));\n };\n const handleDecrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice - currentStep).toFixed(fractionDigits));\n };\n\n const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n const isInForm = target.form;\n\n if (!isInForm) {\n if (key === 'Enter') target.blur();\n }\n if (key === 'ArrowUp') handleIncrement(onChange);\n if (key === 'ArrowDown') handleDecrement(onChange);\n };\n\n const compact = size === 'sm';\n\n return (\n <InputGroup ~~className~~={~~className~~} ~~hasError~~={~~hasError~~}>\n <InputAffix compact={compact} hasError={hasError}>\n {currency}\n </InputAffix>\n <TextField\n placeholder=\"0.00\"\n ~~type=\"currency\"\n~~ value={priceValue}\n step={step}\n onChange={handleChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n size={size}\n hasError={hasError}\n {...otherProps}\n />\n <Stepper\n onIncrement={() => handleIncrement()}\n onDecrement={() => handleDecrement()}\n disabled={disabled}\n hasError={hasError}\n size={size}\n />\n </InputGroup>\n );\n },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["React"],"mappings":";;;;;;;~~AAWA~~,MAAM,cAAc,GAAG,CAAC;AAExB,SAAS,aAAa,CAAC,KAAa,EAAA;AAClC,IAAA,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACtD,IAAA,OAAO,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC;AAC3C;AAEa,MAAA,UAAU,GAAG,UAAU,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,MAAM,EACb,GAAG,UAAU,EACd,KAAI;IACH,MAAM,YAAY,GAAG,CAAC,KAAa,KACjC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAE5D,IAAA,MAAM,UAAU,GAA6B,CAAC,CAAC,KAAI;AACjD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM;QAExB,IAAI,CAAC,KAAK,EAAE;YACV,aAAa,CAAC,EAAE,CAAC;YAEjB;AACD;AAED,QAAA,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC;QAEzC,aAAa,CAAC,YAAY,CAAC;AAC7B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,aAAa,KAAI;QACnD,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC;AAEpC,QAAA,QAAQ,CAAC,CAAC,YAAY,GAAG,WAAW,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;AAChE,KAAC;AACD,IAAA,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,aAAa,KAAI;QACnD,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC;AAEpC,QAAA,QAAQ,CAAC,CAAC,YAAY,GAAG,WAAW,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;AAChE,KAAC;AAED,IAAA,MAAM,aAAa,GAAgC,CAAC,CAAC,KAAI;AACvD,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;AACjB,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;AAC3C,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI;QAE5B,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,GAAG,KAAK,OAAO;gBAAE,MAAM,CAAC,IAAI,EAAE;AACnC;QACD,IAAI,GAAG,KAAK,SAAS;YAAE,eAAe,CAAC,QAAQ,CAAC;QAChD,IAAI,GAAG,KAAK,WAAW;YAAE,eAAe,CAAC,QAAQ,CAAC;AACpD,KAAC;AAED,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;~~IAE7B~~,QACEA,~~cAAC~~,CAAA,aAAA,~~CAAA~~,UAAU,EAAC,~~EAAA~~,~~SAAS~~,EAAE,SAAS,EAAE,~~QAAQ~~,EAAE,~~QAAQ~~,EAAA;~~QAClDA~~,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAC7C,EAAA,QAAQ,CACE;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,WAAW,EAAC,MAAM,EAClB,~~IAAI,EAAC,UAAU,EACf,~~KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAAA,~~GACd~~,UAAU,EACd,CAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,WAAW,EAAE,MAAM,eAAe,EAAE,EACpC,WAAW,EAAE,MAAM,eAAe,EAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,CAAA,CACS;AAEjB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
1	+ {"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { PriceInputProps } from './types';\n\nimport { Stepper } from '../Stepper';\nimport { InputAffix } from '../InputAffix';\nimport { InputGroup } from '../InputGroup';\nimport { TextField, TextFieldProps } from '../TextField';\n\nconst fractionDigits = 2;\n\nconst flexStyle = { flex: 1 };\n\nfunction stringToFixed(price: string) {\n const floatPrice = parseFloat(price.replace(',', '.'));\n return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n ({\n className = '',\n hasError,\n currency,\n disabled = false,\n onChange,\n onPriceChange,\n priceValue,\n step = '0.1',\n size = 'base',\n ...otherProps\n }) => {\n const handleChange = (value: string) =>\n onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n const handleBlur: TextFieldProps['onBlur'] = (e) => {\n const target = e.target as HTMLInputElement;\n const { value } = target;\n\n if (!value) {\n onPriceChange('');\n\n return;\n }\n\n const roundedValue = stringToFixed(value);\n\n onPriceChange(roundedValue);\n };\n\n const handleIncrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice + currentStep).toFixed(fractionDigits));\n };\n const handleDecrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) \|\| 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice - currentStep).toFixed(fractionDigits));\n };\n\n const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n const isInForm = target.form;\n\n if (!isInForm) {\n if (key === 'Enter') target.blur();\n }\n if (key === 'ArrowUp') handleIncrement(onChange);\n if (key === 'ArrowDown') handleDecrement(onChange);\n };\n\n const compact = size === 'sm';\n\n return (\n <InputGroup hasError={hasError} style={flexStyle} className={className}>\n <InputAffix compact={compact} hasError={hasError}>\n {currency}\n </InputAffix>\n <TextField\n placeholder=\"0.00\"\n value={priceValue}\n step={step}\n onChange={handleChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n size={size}\n hasError={hasError}\n style={flexStyle}\n {...otherProps}\n />\n <Stepper\n onIncrement={() => handleIncrement()}\n onDecrement={() => handleDecrement()}\n disabled={disabled}\n hasError={hasError}\n size={size}\n />\n </InputGroup>\n );\n },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["React"],"mappings":"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"}

package/dist/components/PriceInput/types.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { ComponentSize } from '../types';
+import { ComponentSizeType } from '../types';
 export interface PriceInputProps {
     className?: string;
     disabled?: boolean;
-    size?: ComponentSize;
+    size?: ComponentSizeType;
     currency: string;
     step?: string;
     hasError?: boolean;

package/dist/components/Search/Search.cjs CHANGED Viewed

@@ -1,20 +1,24 @@
 'use strict';
 var React = require('react');
-var Button = require('../Button/Button.cjs');
 var index = require('../../theme/index.cjs');
-var styled = require('./styled.cjs');
-var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
-var SearchIcon = require('../../tempIcons/SearchIcon.cjs');
+var withLabels = require('../../hoc/withLabels/withLabels.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
+var Button = require('../Button/Button.cjs');
+var CrossIcon = require('../../icons/CrossIcon.cjs');
+var SearchIcon = require('../../icons/SearchIcon.cjs');
+var styled = require('./styled.cjs');
 var Loader = require('../Loader/Loader.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-const Search = ({ type = 'text', disabled = false, onClearClick, onChange, onBlur, onFocus, onKeyUp, onKeyDown, onKeyPress, value = '', error, placeholder = '', className = '', name, isLoading = false, fill, reversed = false, autoComplete = 'on', size, }) => {
+const Search = withLabels.withLabels(({ type = 'text', disabled = false, onClearClick, onChange, value = '', className = '', isLoading = false, fill, reversed = false, autoComplete = 'on', ...otherProps }) => {
     const shouldShowClear = value && value.length > 0;
+    const onClickSearch = () => {
+        onChange === null || onChange === undefined ? undefined : onChange(value);
+    };
     const renderIcon = () => {
         if (isLoading) {
             return React__default.default.createElement(Loader.Loader, { height: 24, color: fill || index.theme.colors.secondary.blue.base });
@@ -23,13 +27,13 @@ const Search = ({ type = 'text', disabled = false, onClearClick, onChange, onBlu
             return (React__default.default.createElement(Button.Button, { variant: "unstyled", onClick: onClearClick, style: { display: 'flex' }, "aria-label": "Clear text", type: "button" },
                 React__default.default.createElement(CrossIcon.CrossIcon, { color: fill || index.theme.colors.neutral.ink.dark })));
         }
-        return (React__default.default.createElement(Button.Button, { variant: "unstyled", onClick: () => onChange(value), style: { display: 'flex' }, "aria-label": "Search", disabled: disabled, type: "button" },
+        return (React__default.default.createElement(Button.Button, { variant: "unstyled", onClick: onClickSearch, style: { display: 'flex' }, "aria-label": "Search", disabled: disabled, type: "button" },
             React__default.default.createElement(SearchIcon.SearchIcon, { color: fill || index.theme.colors.neutral.ink.dark, height: sizes.sizes.md, width: sizes.sizes.md })));
     };
     return (React__default.default.createElement(styled.Container, { className: className, iconPosition: reversed ? 'left' : 'right' },
-        React__default.default.createElement(styled.Input, { size: size, type: type, value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onKeyUp: onKeyUp, onKeyDown: onKeyDown, onKeyPress: onKeyPress, placeholder: placeholder, name: name, disabled: disabled, error: error, autoComplete: autoComplete }),
+        React__default.default.createElement(styled.Input, { type: type, value: value, onChange: onChange, disabled: disabled, autoComplete: autoComplete, ...otherProps }),
         React__default.default.createElement(styled.IconContainer, null, renderIcon())));
-};
+});
 exports.Search = Search;
 //# sourceMappingURL=Search.cjs.map

package/dist/components/Search/Search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~Button~~ } from '~~../Button~~';\n\nimport { ~~theme~~ } from '../../~~theme~~';\n\nimport { ~~Container,~~ ~~Input, IconContainer, Loader~~ } from './~~styled~~';\nimport { ~~SearchProps~~ } from '~~./types~~';\nimport { ~~CrossIcon~~ } from '~~../../tempIcons/CrossIcon~~';\nimport { SearchIcon } from '../../~~tempIcons/SearchIcon~~';\nimport { ~~sizes~~ } from '~~../../theme/modules/sizes~~';\n\nexport const Search = ({\n type = 'text',\n disabled = false,\n onClearClick,\n onChange,\n ~~onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n onKeyPress,\n~~ value = '',\n ~~error,\n placeholder = '',\n~~ className = '',\n ~~name,\n~~ isLoading = false,\n fill,\n reversed = false,\n autoComplete = 'on',\n ~~size,\n~~}: SearchProps) => {\n const shouldShowClear = value && value.length > 0;\n\n const renderIcon = () => {\n if (isLoading) {\n return <Loader height={24} color={fill \|\| theme.colors.secondary.blue.base} />;\n }\n if (shouldShowClear && onClearClick) {\n return (\n <Button\n variant=\"unstyled\"\n onClick={onClearClick}\n style={{ display: 'flex' }}\n aria-label=\"Clear text\"\n type=\"button\"\n >\n <CrossIcon color={fill \|\| theme.colors.neutral.ink.dark} />\n </Button>\n );\n }\n return (\n <Button\n variant=\"unstyled\"\n onClick={~~() => onChange(value)~~}\n style={{ display: 'flex' }}\n aria-label=\"Search\"\n disabled={disabled}\n type=\"button\"\n >\n <SearchIcon\n color={fill \|\| theme.colors.neutral.ink.dark}\n height={sizes.md}\n width={sizes.md}\n />\n </Button>\n );\n };\n\n return (\n <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n <Input\n ~~size={size}\n~~ type={type}\n value={value}\n onChange={onChange}\n ~~onBlur={onBlur}\n onFocus={onFocus}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onKeyPress={onKeyPress}\n placeholder={placeholder}\n name={name}\n~~ disabled={disabled}\n ~~error~~={~~error~~}\n ~~autoComplete=~~{~~autoComplete~~}\n />\n <IconContainer>{renderIcon()}</IconContainer>\n </Container>\n );\n};\n"],"names":["React","Loader","theme","Button","CrossIcon","SearchIcon","sizes","Container","Input","IconContainer"],"mappings":"~~;;;;;;;;;;;;;;;AAYO~~,MAAM,~~MAAM~~,~~GAAG~~,CAAC,~~EACrB~~,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,~~MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,~~KAAK,GAAG,EAAE,EACV,~~KAAK,EACL,WAAW,GAAG,EAAE,EAChB,~~SAAS,GAAG,EAAE,EACd,~~IAAI,EACJ,~~SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,~~IAAI~~,~~GACQ~~,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,~~OAAOA~~,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAH,sBAAA,CAAA,aAAA,CAACI,mBAAS,EAAC,EAAA,KAAK,EAAE,IAAI,IAAIF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA,CACpD;AAEZ;AACD,QAAA,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,~~MAAM~~,~~QAAQ~~,~~CAAC,~~KAAK,~~CAAC,EAC9B,KAAK,~~EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,YAAA,EACf,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAH,sBAAA,CAAA,aAAA,CAACK,qBAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAIH,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAEI,WAAK,CAAC,EAAE,EAChB,KAAK,EAAEA,WAAK,CAAC,EAAE,EACf,CAAA,CACK;AAEb,KAAC;AAED,IAAA,QACEN,sBAAC,CAAA,aAAA,CAAAO,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEP,sBAAC,CAAA,aAAA,CAAAQ,YAAK,~~EACJ~~,~~EAAA,~~IAAI,EAAE,IAAI,EACV,~~IAAI,EAAE,IAAI,EACV,~~KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,~~MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,~~QAAQ,EAAE,QAAQ,EAClB,~~KAAK~~,EAAE,~~KAAK~~,~~EACZ~~,~~YAAY~~,~~EAAE~~,~~YAAY~~,~~EAC1B,~~CAAA;AACF,QAAAR,sBAAA,CAAA,aAAA,CAACS,oBAAa,EAAE,IAAA,EAAA,UAAU,EAAE,CAAiB,CACnC;AAEhB;;;;"}
1	+ {"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from '../../theme';\nimport { withLabels } from '../../hoc';\nimport { SearchProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { Button } from '../Button';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\n\nexport const Search = withLabels(\n ({\n type = 'text',\n disabled = false,\n onClearClick,\n onChange,\n value = '',\n className = '',\n isLoading = false,\n fill,\n reversed = false,\n autoComplete = 'on',\n ...otherProps\n }: SearchProps) => {\n const shouldShowClear = value && value.length > 0;\n\n const onClickSearch = () => {\n onChange?.(value);\n };\n\n const renderIcon = () => {\n if (isLoading) {\n return <Loader height={24} color={fill \|\| theme.colors.secondary.blue.base} />;\n }\n if (shouldShowClear && onClearClick) {\n return (\n <Button\n variant=\"unstyled\"\n onClick={onClearClick}\n style={{ display: 'flex' }}\n aria-label=\"Clear text\"\n type=\"button\"\n >\n <CrossIcon color={fill \|\| theme.colors.neutral.ink.dark} />\n </Button>\n );\n }\n return (\n <Button\n variant=\"unstyled\"\n onClick={onClickSearch}\n style={{ display: 'flex' }}\n aria-label=\"Search\"\n disabled={disabled}\n type=\"button\"\n >\n <SearchIcon\n color={fill \|\| theme.colors.neutral.ink.dark}\n height={sizes.md}\n width={sizes.md}\n />\n </Button>\n );\n };\n\n return (\n <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n <Input\n type={type}\n value={value}\n onChange={onChange}\n disabled={disabled}\n autoComplete={autoComplete}\n {...otherProps}\n />\n <IconContainer>{renderIcon()}</IconContainer>\n </Container>\n );\n },\n);\n"],"names":["withLabels","React","Loader","theme","Button","CrossIcon","SearchIcon","sizes","Container","Input","IconContainer"],"mappings":";;;;;;;;;;;;;;;;MAYa,MAAM,GAAGA,qBAAU,CAC9B,CAAC,EACC,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,GAAG,UAAU,EACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,SAAA,GAAA,SAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,KAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAH,sBAAA,CAAA,aAAA,CAACI,mBAAS,EAAC,EAAA,KAAK,EAAE,IAAI,IAAIF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA,CACpD;AAEZ;AACD,QAAA,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,YAAA,EACf,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAH,sBAAA,CAAA,aAAA,CAACK,qBAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAIH,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAEI,WAAK,CAAC,EAAE,EAChB,KAAK,EAAEA,WAAK,CAAC,EAAE,EACf,CAAA,CACK;AAEb,KAAC;AAED,IAAA,QACEN,sBAAC,CAAA,aAAA,CAAAO,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEP,sBAAC,CAAA,aAAA,CAAAQ,YAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EACtB,GAAA,UAAU,EACd,CAAA;AACF,QAAAR,sBAAA,CAAA,aAAA,CAACS,oBAAa,EAAE,IAAA,EAAA,UAAU,EAAE,CAAiB,CACnC;AAEhB,CAAC;;;;"}

package/dist/components/Search/Search.d.ts CHANGED Viewed

@@ -1,3 +1,308 @@
 import React from 'react';
-import { SearchProps } from './types';
-export declare const Search: ({ type, disabled, onClearClick, onChange, onBlur, onFocus, onKeyUp, onKeyDown, onKeyPress, value, error, placeholder, className, name, isLoading, fill, reversed, autoComplete, size, }: SearchProps) => React.JSX.Element;
+export declare const Search: React.FC<{
+    form?: string | undefined;
+    slot?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined;
+    pattern?: string | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
+    placeholder?: string | undefined;
+    name?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: React.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCopyCapture?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCut?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCutCapture?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onPaste?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onPasteCapture?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionEnd?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionEndCapture?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionStart?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionStartCapture?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionUpdate?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionUpdateCapture?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onFocus?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onFocusCapture?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onBlur?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onBlurCapture?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onChangeCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onBeforeInput?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onBeforeInputCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInput?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInputCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onReset?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onResetCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onSubmit?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onSubmitCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInvalid?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInvalidCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoad?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onError?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onErrorCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyDown?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyDownCapture?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyPress?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyPressCapture?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyUp?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyUpCapture?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onAbort?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onAbortCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlay?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayThrough?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayThroughCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onDurationChange?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onDurationChangeCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEmptied?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEmptiedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEncrypted?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEncryptedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEnded?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEndedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedData?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedDataCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedMetadata?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedMetadataCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadStart?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadStartCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPause?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPauseCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlay?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlayCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlaying?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlayingCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onProgress?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onProgressCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onRateChange?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onRateChangeCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeeked?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeekedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeeking?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeekingCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onStalled?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onStalledCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSuspend?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSuspendCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTimeUpdate?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTimeUpdateCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onVolumeChange?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onVolumeChangeCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onWaiting?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onWaitingCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onAuxClick?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onAuxClickCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onClick?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onClickCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onContextMenu?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onContextMenuCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDoubleClick?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDoubleClickCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDrag?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnd?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEndCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnter?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnterCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragExit?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragExitCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragLeave?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragLeaveCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragOver?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragOverCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragStart?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragStartCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDrop?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDropCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseDown?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseDownCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseEnter?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseLeave?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseMove?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseMoveCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOut?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOutCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOver?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOverCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseUp?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseUpCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onSelect?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSelectCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchCancel?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchCancelCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchEnd?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchEndCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchMove?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchMoveCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchStart?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchStartCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerDown?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerDownCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerMove?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerMoveCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerUp?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerUpCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerCancel?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerCancelCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerEnter?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerEnterCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerLeave?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerLeaveCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOver?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOverCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOut?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOutCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onGotPointerCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onGotPointerCaptureCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onLostPointerCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onLostPointerCaptureCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onScroll?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
+    onScrollCapture?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
+    onWheel?: (React.WheelEventHandler<HTMLInputElement> & React.WheelEventHandler<HTMLTextAreaElement>) | undefined;
+    onWheelCapture?: (React.WheelEventHandler<HTMLInputElement> & React.WheelEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationStart?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationStartCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationEnd?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationEndCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationIteration?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
+    onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
+    height?: string | number | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
+    width?: string | number | undefined;
+    alt?: string | undefined;
+    src?: string | undefined;
+    disabled?: boolean | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    autoComplete?: string | undefined;
+    accept?: string | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    checked?: boolean | undefined;
+    enterKeyHint?: "search" | "previous" | "next" | "enter" | "done" | "go" | "send" | undefined;
+    list?: string | undefined;
+    maxLength?: number | undefined;
+    minLength?: number | undefined;
+    multiple?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    step?: string | number | undefined;
+    cols?: number | undefined;
+    dirName?: string | undefined;
+    rows?: number | undefined;
+    wrap?: string | undefined;
+} & {
+    value?: string | undefined;
+    type?: import("../TextField").TextFieldType | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    hasError?: boolean | undefined;
+    size?: "base" | "sm" | undefined;
+    multiline?: boolean | undefined;
+} & {
+    isLoading?: boolean | undefined;
+    fill?: string | undefined;
+    onClearClick?: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    reversed?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/components/Search/Search.js CHANGED Viewed

@@ -1,14 +1,18 @@
 import React__default from 'react';
-import { Button } from '../Button/Button.js';
 import { theme } from '../../theme/index.js';
-import { Container, Input, IconContainer } from './styled.js';
-import { CrossIcon } from '../../tempIcons/CrossIcon.js';
-import { SearchIcon } from '../../tempIcons/SearchIcon.js';
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
 import { sizes } from '../../theme/modules/sizes.js';
+import { Button } from '../Button/Button.js';
+import { CrossIcon } from '../../icons/CrossIcon.js';
+import { SearchIcon } from '../../icons/SearchIcon.js';
+import { Container, Input, IconContainer } from './styled.js';
 import { Loader } from '../Loader/Loader.js';
-const Search = ({ type = 'text', disabled = false, onClearClick, onChange, onBlur, onFocus, onKeyUp, onKeyDown, onKeyPress, value = '', error, placeholder = '', className = '', name, isLoading = false, fill, reversed = false, autoComplete = 'on', size, }) => {
+const Search = withLabels(({ type = 'text', disabled = false, onClearClick, onChange, value = '', className = '', isLoading = false, fill, reversed = false, autoComplete = 'on', ...otherProps }) => {
     const shouldShowClear = value && value.length > 0;
+    const onClickSearch = () => {
+        onChange === null || onChange === undefined ? undefined : onChange(value);
+    };
     const renderIcon = () => {
         if (isLoading) {
             return React__default.createElement(Loader, { height: 24, color: fill || theme.colors.secondary.blue.base });
@@ -17,13 +21,13 @@ const Search = ({ type = 'text', disabled = false, onClearClick, onChange, onBlu
             return (React__default.createElement(Button, { variant: "unstyled", onClick: onClearClick, style: { display: 'flex' }, "aria-label": "Clear text", type: "button" },
                 React__default.createElement(CrossIcon, { color: fill || theme.colors.neutral.ink.dark })));
         }
-        return (React__default.createElement(Button, { variant: "unstyled", onClick: () => onChange(value), style: { display: 'flex' }, "aria-label": "Search", disabled: disabled, type: "button" },
+        return (React__default.createElement(Button, { variant: "unstyled", onClick: onClickSearch, style: { display: 'flex' }, "aria-label": "Search", disabled: disabled, type: "button" },
             React__default.createElement(SearchIcon, { color: fill || theme.colors.neutral.ink.dark, height: sizes.md, width: sizes.md })));
     };
     return (React__default.createElement(Container, { className: className, iconPosition: reversed ? 'left' : 'right' },
-        React__default.createElement(Input, { size: size, type: type, value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onKeyUp: onKeyUp, onKeyDown: onKeyDown, onKeyPress: onKeyPress, placeholder: placeholder, name: name, disabled: disabled, error: error, autoComplete: autoComplete }),
+        React__default.createElement(Input, { type: type, value: value, onChange: onChange, disabled: disabled, autoComplete: autoComplete, ...otherProps }),
         React__default.createElement(IconContainer, null, renderIcon())));
-};
+});
 export { Search };
 //# sourceMappingURL=Search.js.map