@veeqo/ui 14.12.0-beta-2 → 14.12.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.
- package/dist/components/Button/Button.cjs +2 -2
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Loader/Loader.cjs +1 -1
- package/dist/components/Loader/Loader.cjs.map +1 -1
- package/dist/components/Loader/Loader.d.ts +1 -1
- package/dist/components/Loader/Loader.js +1 -1
- package/dist/components/Loader/Loader.js.map +1 -1
- package/dist/components/Loader/loader.module.scss.cjs +2 -2
- package/dist/components/Loader/loader.module.scss.cjs.map +1 -1
- package/dist/components/Loader/loader.module.scss.js +2 -2
- package/dist/components/Loader/loader.module.scss.js.map +1 -1
- package/dist/components/Loader/loaderTypes.d.ts +0 -1
- package/dist/components/Search/Search.cjs +2 -1
- package/dist/components/Search/Search.cjs.map +1 -1
- package/dist/components/Search/Search.js +2 -1
- package/dist/components/Search/Search.js.map +1 -1
- package/package.json +1 -1
|
@@ -32,7 +32,7 @@ const ButtonBase = React.forwardRef(({ className, children, iconSlot, variant =
|
|
|
32
32
|
});
|
|
33
33
|
return (React__default.default.createElement("button", { ...otherProps, ref: ref,
|
|
34
34
|
// eslint-disable-next-line react/button-has-type
|
|
35
|
-
type: type, className: variant === 'unstyled' ? utils.getAppearanceClasses('unstyled', { className }) : classNames, disabled: disabled || loading, "aria-busy": loading || undefined }, isLink ? (React__default.default.createElement(React__default.default.Fragment, null,
|
|
35
|
+
type: type, className: variant === 'unstyled' ? utils.getAppearanceClasses('unstyled', { className }) : classNames, disabled: disabled || loading, "aria-busy": loading || undefined }, isLink || variant === 'unstyled' ? (React__default.default.createElement(React__default.default.Fragment, null,
|
|
36
36
|
iconSlot,
|
|
37
37
|
children,
|
|
38
38
|
dropdown && React__default.default.createElement(DropdownIcon.DropdownIcon, null))) : (React__default.default.createElement(React__default.default.Fragment, null,
|
|
@@ -44,7 +44,7 @@ const ButtonBase = React.forwardRef(({ className, children, iconSlot, variant =
|
|
|
44
44
|
children,
|
|
45
45
|
dropdown && React__default.default.createElement(DropdownIcon.DropdownIcon, null)),
|
|
46
46
|
loading && (React__default.default.createElement("div", { className: button_module.loadingWrapper, "aria-hidden": "true" },
|
|
47
|
-
React__default.default.createElement(Loader.Loader,
|
|
47
|
+
React__default.default.createElement(Loader.Loader, null)))))));
|
|
48
48
|
});
|
|
49
49
|
ButtonBase.displayName = 'Button';
|
|
50
50
|
const Button = withTokens.withTokens(ButtonBase);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withTokens } from '../../hoc/withTokens';\nimport { DropdownIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport buttonStyles from '../Action/styles/button.module.scss';\nimport { getAppearanceClasses } from '../Action/utils';\nimport { Loader } from '../Loader';\nimport { ButtonProps, ButtonVariant } from './types';\n\n/**\n * @deprecated Use the `Action` component instead.\n * Button triggers actions such as submitting forms, opening dialogs, or deleting records.\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n iconSlot,\n variant = 'default',\n size,\n dropdown = false,\n loading = false,\n disabled,\n type = 'button',\n ...otherProps\n }: ButtonProps,\n ref,\n ) => {\n const isLink = variant === 'link';\n\n const appearance = isLink ? 'link' : 'button';\n\n const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;\n\n const classNames = getAppearanceClasses(appearance, {\n className,\n ...(!isLink && { variant: variant as Exclude<ButtonVariant, 'link' | 'unstyled'> }),\n disabled,\n size: resolvedSize,\n dropdown,\n iconSlot,\n children,\n });\n\n return (\n <button\n {...otherProps}\n ref={ref}\n // eslint-disable-next-line react/button-has-type\n type={type}\n className={\n variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames\n }\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n >\n {isLink ? (\n <>\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </>\n ) : (\n <>\n <span\n className={buildClassnames([\n buttonStyles.content,\n loading && buttonStyles.hideContent,\n ])}\n >\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </span>\n {loading && (\n <div className={buttonStyles.loadingWrapper} aria-hidden=\"true\">\n <Loader
|
|
1
|
+
{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withTokens } from '../../hoc/withTokens';\nimport { DropdownIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport buttonStyles from '../Action/styles/button.module.scss';\nimport { getAppearanceClasses } from '../Action/utils';\nimport { Loader } from '../Loader';\nimport { ButtonProps, ButtonVariant } from './types';\n\n/**\n * @deprecated Use the `Action` component instead.\n * Button triggers actions such as submitting forms, opening dialogs, or deleting records.\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n iconSlot,\n variant = 'default',\n size,\n dropdown = false,\n loading = false,\n disabled,\n type = 'button',\n ...otherProps\n }: ButtonProps,\n ref,\n ) => {\n const isLink = variant === 'link';\n\n const appearance = isLink ? 'link' : 'button';\n\n const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;\n\n const classNames = getAppearanceClasses(appearance, {\n className,\n ...(!isLink && { variant: variant as Exclude<ButtonVariant, 'link' | 'unstyled'> }),\n disabled,\n size: resolvedSize,\n dropdown,\n iconSlot,\n children,\n });\n\n return (\n <button\n {...otherProps}\n ref={ref}\n // eslint-disable-next-line react/button-has-type\n type={type}\n className={\n variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames\n }\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n >\n {isLink || variant === 'unstyled' ? (\n <>\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </>\n ) : (\n <>\n <span\n className={buildClassnames([\n buttonStyles.content,\n loading && buttonStyles.hideContent,\n ])}\n >\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </span>\n {loading && (\n <div className={buttonStyles.loadingWrapper} aria-hidden=\"true\">\n <Loader />\n </div>\n )}\n </>\n )}\n </button>\n );\n },\n);\n\nButtonBase.displayName = 'Button';\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["forwardRef","getAppearanceClasses","React","DropdownIcon","buildClassnames","buttonStyles","Loader","withTokens"],"mappings":";;;;;;;;;;;;;;;AAUA;;;AAGG;AACI,MAAM,UAAU,GAAGA,gBAAU,CAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,UAAU,EACD,EACd,GAAG,KACD;AACF,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM;IAEjC,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ;AAE7C,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI;AAElF,IAAA,MAAM,UAAU,GAAGC,0BAAoB,CAAC,UAAU,EAAE;QAClD,SAAS;QACT,IAAI,CAAC,MAAM,IAAI,EAAE,OAAO,EAAE,OAAsD,EAAE,CAAC;QACnF,QAAQ;AACR,QAAA,IAAI,EAAE,YAAY;QAClB,QAAQ;QACR,QAAQ;QACR,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GACM,UAAU,EACd,GAAG,EAAE,GAAG;;AAER,QAAA,IAAI,EAAE,IAAI,EACV,SAAS,EACP,OAAO,KAAK,UAAU,GAAGD,0BAAoB,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,UAAU,EAEvF,QAAQ,EAAE,QAAQ,IAAI,OAAO,eAClB,OAAO,IAAI,SAAS,EAAA,EAE9B,MAAM,IAAI,OAAO,KAAK,UAAU,IAC/BC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,QAAQ;QACR,QAAQ,IAAIA,qCAACC,yBAAY,EAAA,IAAA,CAAG,CAC5B,KAEHD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACEA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEE,+BAAe,CAAC;AACzB,gBAAAC,aAAY,CAAC,OAAO;gBACpB,OAAO,IAAIA,aAAY,CAAC,WAAW;aACpC,CAAC,EAAA;YAED,QAAQ;YACR,QAAQ;AACR,YAAA,QAAQ,IAAIH,sBAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,IAAA,CAAG,CACxB;QACN,OAAO,KACND,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,aAAY,CAAC,cAAc,EAAA,aAAA,EAAc,MAAM,EAAA;YAC7DH,sBAAA,CAAA,aAAA,CAACI,aAAM,OAAG,CACN,CACP,CACA,CACJ,CACM;AAEb,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAGC,qBAAU,CAAC,UAAU;;;;;"}
|
|
@@ -26,7 +26,7 @@ const ButtonBase = forwardRef(({ className, children, iconSlot, variant = 'defau
|
|
|
26
26
|
});
|
|
27
27
|
return (React__default.createElement("button", { ...otherProps, ref: ref,
|
|
28
28
|
// eslint-disable-next-line react/button-has-type
|
|
29
|
-
type: type, className: variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames, disabled: disabled || loading, "aria-busy": loading || undefined }, isLink ? (React__default.createElement(React__default.Fragment, null,
|
|
29
|
+
type: type, className: variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames, disabled: disabled || loading, "aria-busy": loading || undefined }, isLink || variant === 'unstyled' ? (React__default.createElement(React__default.Fragment, null,
|
|
30
30
|
iconSlot,
|
|
31
31
|
children,
|
|
32
32
|
dropdown && React__default.createElement(DropdownIcon, null))) : (React__default.createElement(React__default.Fragment, null,
|
|
@@ -38,7 +38,7 @@ const ButtonBase = forwardRef(({ className, children, iconSlot, variant = 'defau
|
|
|
38
38
|
children,
|
|
39
39
|
dropdown && React__default.createElement(DropdownIcon, null)),
|
|
40
40
|
loading && (React__default.createElement("div", { className: buttonStyles.loadingWrapper, "aria-hidden": "true" },
|
|
41
|
-
React__default.createElement(Loader,
|
|
41
|
+
React__default.createElement(Loader, null)))))));
|
|
42
42
|
});
|
|
43
43
|
ButtonBase.displayName = 'Button';
|
|
44
44
|
const Button = withTokens(ButtonBase);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withTokens } from '../../hoc/withTokens';\nimport { DropdownIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport buttonStyles from '../Action/styles/button.module.scss';\nimport { getAppearanceClasses } from '../Action/utils';\nimport { Loader } from '../Loader';\nimport { ButtonProps, ButtonVariant } from './types';\n\n/**\n * @deprecated Use the `Action` component instead.\n * Button triggers actions such as submitting forms, opening dialogs, or deleting records.\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n iconSlot,\n variant = 'default',\n size,\n dropdown = false,\n loading = false,\n disabled,\n type = 'button',\n ...otherProps\n }: ButtonProps,\n ref,\n ) => {\n const isLink = variant === 'link';\n\n const appearance = isLink ? 'link' : 'button';\n\n const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;\n\n const classNames = getAppearanceClasses(appearance, {\n className,\n ...(!isLink && { variant: variant as Exclude<ButtonVariant, 'link' | 'unstyled'> }),\n disabled,\n size: resolvedSize,\n dropdown,\n iconSlot,\n children,\n });\n\n return (\n <button\n {...otherProps}\n ref={ref}\n // eslint-disable-next-line react/button-has-type\n type={type}\n className={\n variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames\n }\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n >\n {isLink ? (\n <>\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </>\n ) : (\n <>\n <span\n className={buildClassnames([\n buttonStyles.content,\n loading && buttonStyles.hideContent,\n ])}\n >\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </span>\n {loading && (\n <div className={buttonStyles.loadingWrapper} aria-hidden=\"true\">\n <Loader
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withTokens } from '../../hoc/withTokens';\nimport { DropdownIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport buttonStyles from '../Action/styles/button.module.scss';\nimport { getAppearanceClasses } from '../Action/utils';\nimport { Loader } from '../Loader';\nimport { ButtonProps, ButtonVariant } from './types';\n\n/**\n * @deprecated Use the `Action` component instead.\n * Button triggers actions such as submitting forms, opening dialogs, or deleting records.\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n iconSlot,\n variant = 'default',\n size,\n dropdown = false,\n loading = false,\n disabled,\n type = 'button',\n ...otherProps\n }: ButtonProps,\n ref,\n ) => {\n const isLink = variant === 'link';\n\n const appearance = isLink ? 'link' : 'button';\n\n const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;\n\n const classNames = getAppearanceClasses(appearance, {\n className,\n ...(!isLink && { variant: variant as Exclude<ButtonVariant, 'link' | 'unstyled'> }),\n disabled,\n size: resolvedSize,\n dropdown,\n iconSlot,\n children,\n });\n\n return (\n <button\n {...otherProps}\n ref={ref}\n // eslint-disable-next-line react/button-has-type\n type={type}\n className={\n variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames\n }\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n >\n {isLink || variant === 'unstyled' ? (\n <>\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </>\n ) : (\n <>\n <span\n className={buildClassnames([\n buttonStyles.content,\n loading && buttonStyles.hideContent,\n ])}\n >\n {iconSlot}\n {children}\n {dropdown && <DropdownIcon />}\n </span>\n {loading && (\n <div className={buttonStyles.loadingWrapper} aria-hidden=\"true\">\n <Loader />\n </div>\n )}\n </>\n )}\n </button>\n );\n },\n);\n\nButtonBase.displayName = 'Button';\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["React"],"mappings":";;;;;;;;;AAUA;;;AAGG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,UAAU,EACD,EACd,GAAG,KACD;AACF,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM;IAEjC,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ;AAE7C,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI;AAElF,IAAA,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,EAAE;QAClD,SAAS;QACT,IAAI,CAAC,MAAM,IAAI,EAAE,OAAO,EAAE,OAAsD,EAAE,CAAC;QACnF,QAAQ;AACR,QAAA,IAAI,EAAE,YAAY;QAClB,QAAQ;QACR,QAAQ;QACR,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GACM,UAAU,EACd,GAAG,EAAE,GAAG;;AAER,QAAA,IAAI,EAAE,IAAI,EACV,SAAS,EACP,OAAO,KAAK,UAAU,GAAG,oBAAoB,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,UAAU,EAEvF,QAAQ,EAAE,QAAQ,IAAI,OAAO,eAClB,OAAO,IAAI,SAAS,EAAA,EAE9B,MAAM,IAAI,OAAO,KAAK,UAAU,IAC/BA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,QAAQ;QACR,QAAQ,IAAIA,6BAAC,YAAY,EAAA,IAAA,CAAG,CAC5B,KAEHA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC;AACzB,gBAAA,YAAY,CAAC,OAAO;gBACpB,OAAO,IAAI,YAAY,CAAC,WAAW;aACpC,CAAC,EAAA;YAED,QAAQ;YACR,QAAQ;AACR,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACxB;QACN,OAAO,KACNA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,YAAY,CAAC,cAAc,EAAA,aAAA,EAAc,MAAM,EAAA;YAC7DA,cAAA,CAAA,aAAA,CAAC,MAAM,OAAG,CACN,CACP,CACA,CACJ,CACM;AAEb,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,UAAU,CAAC,UAAU;;;;"}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
14
|
|
|
15
|
-
const Loader = ({ className, height = 24, width = 24, type = 'TailSpin' }) => {
|
|
15
|
+
const Loader = ({ className, height = 24, width = 24, type = 'TailSpin', }) => {
|
|
16
16
|
const classNames = buildClassnames.buildClassnames([loader_module.loader, className]);
|
|
17
17
|
switch (type) {
|
|
18
18
|
case 'Grid': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.cjs","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({
|
|
1
|
+
{"version":3,"file":"Loader.cjs","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n type = 'TailSpin',\n}: LoaderProps) => {\n const classNames = buildClassnames([styles.loader, className]);\n\n switch (type) {\n case 'Grid': {\n return <Grid className={classNames} height={height} width={width} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={classNames} height={height} width={width} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={classNames} height={height} width={width} />;\n }\n }\n};\n"],"names":["buildClassnames","styles","React","Grid","ThreeDots","TailSpin"],"mappings":";;;;;;;;;;;;;;MAUa,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,UAAU,GACL,KAAI;AAChB,IAAA,MAAM,UAAU,GAAGA,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE9D,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOC,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACrE,QAAA;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOD,sBAAA,CAAA,aAAA,CAACE,mBAAS,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AAC1E,QAAA;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOF,sBAAA,CAAA,aAAA,CAACG,iBAAQ,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACzE,QAAA;AACF;AACH;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LoaderProps } from './loaderTypes';
|
|
3
|
-
export declare const Loader: ({ className, height, width, type }: LoaderProps) => React.JSX.Element;
|
|
3
|
+
export declare const Loader: ({ className, height, width, type, }: LoaderProps) => React.JSX.Element;
|
|
@@ -6,7 +6,7 @@ import { TailSpin } from './TailSpin.js';
|
|
|
6
6
|
import { ThreeDots } from './ThreeDots.js';
|
|
7
7
|
import styles from './loader.module.scss.js';
|
|
8
8
|
|
|
9
|
-
const Loader = ({ className, height = 24, width = 24, type = 'TailSpin' }) => {
|
|
9
|
+
const Loader = ({ className, height = 24, width = 24, type = 'TailSpin', }) => {
|
|
10
10
|
const classNames = buildClassnames([styles.loader, className]);
|
|
11
11
|
switch (type) {
|
|
12
12
|
case 'Grid': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n type = 'TailSpin',\n}: LoaderProps) => {\n const classNames = buildClassnames([styles.loader, className]);\n\n switch (type) {\n case 'Grid': {\n return <Grid className={classNames} height={height} width={width} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={classNames} height={height} width={width} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={classNames} height={height} width={width} />;\n }\n }\n};\n"],"names":["React"],"mappings":";;;;;;;;MAUa,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,UAAU,GACL,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE9D,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACrE,QAAA;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AAC1E,QAAA;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACzE,QAAA;AACF;AACH;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"loader":"
|
|
5
|
+
___$insertStyle(":where(._loader_13ov0_1) {\n color: var(--colors-secondary-blue-base);\n}");
|
|
6
|
+
var styles = {"loader":"_loader_13ov0_1"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=loader.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.module.scss.cjs","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[".loader{\n
|
|
1
|
+
{"version":3,"file":"loader.module.scss.cjs","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[":where(.loader) {\n color: var(--colors-secondary-blue-base);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,4EAAA;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"loader":"
|
|
3
|
+
insertStyle(":where(._loader_13ov0_1) {\n color: var(--colors-secondary-blue-base);\n}");
|
|
4
|
+
var styles = {"loader":"_loader_13ov0_1"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=loader.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.module.scss.js","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[".loader{\n
|
|
1
|
+
{"version":3,"file":"loader.module.scss.js","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[":where(.loader) {\n color: var(--colors-secondary-blue-base);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,4EAAA;;;;;"}
|
|
@@ -23,7 +23,8 @@ const Search = withLabels.withLabels(({ type = 'text', disabled = false, onClear
|
|
|
23
23
|
};
|
|
24
24
|
const renderIcon = () => {
|
|
25
25
|
if (isLoading) {
|
|
26
|
-
return React__default.default.createElement(
|
|
26
|
+
return (React__default.default.createElement("span", { style: { color: fill || 'var(--colors-secondary-blue-base)' } },
|
|
27
|
+
React__default.default.createElement(Loader.Loader, { height: 24 })));
|
|
27
28
|
}
|
|
28
29
|
if (shouldShowClear && onClearClick) {
|
|
29
30
|
return (React__default.default.createElement(Button.Button, { variant: "unstyled", onClick: onClearClick, style: { display: 'flex' }, "aria-label": "Clear text", type: "button" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { buildClassnames } from '../../utils';\nimport { SearchProps } from './types';\n\nimport { Button } from '../Button';\nimport { Loader } from '../Loader';\nimport { TextField } from '../TextField';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport styles from './Search.module.scss';\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 const iconPosition = reversed ? 'left' : 'right';\n\n const onClickSearch = () => {\n onChange?.(value);\n };\n\n const renderIcon = () => {\n if (isLoading) {\n return <
|
|
1
|
+
{"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { buildClassnames } from '../../utils';\nimport { SearchProps } from './types';\n\nimport { Button } from '../Button';\nimport { Loader } from '../Loader';\nimport { TextField } from '../TextField';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport styles from './Search.module.scss';\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 const iconPosition = reversed ? 'left' : 'right';\n\n const onClickSearch = () => {\n onChange?.(value);\n };\n\n const renderIcon = () => {\n if (isLoading) {\n return (\n <span style={{ color: fill || 'var(--colors-secondary-blue-base)' }}>\n <Loader height={24} />\n </span>\n );\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 || 'var(--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 color={fill || 'var(--colors-neutral-ink-dark)'} />\n </Button>\n );\n };\n\n return (\n <div\n className={buildClassnames([\n styles.searchContainer,\n iconPosition === 'left' ? styles.iconLeft : styles.iconRight,\n className,\n ])}\n >\n <TextField\n className={styles.searchInput}\n type={type}\n value={value}\n onChange={onChange}\n disabled={disabled}\n autoComplete={autoComplete}\n {...otherProps}\n />\n <div className={styles.iconContainer}>{renderIcon()}</div>\n </div>\n );\n },\n);\n"],"names":["withLabels","React","Loader","Button","CrossIcon","SearchIcon","buildClassnames","styles","TextField"],"mappings":";;;;;;;;;;;;;;;;;MAaa,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;IACjD,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO;IAEhD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,QACEC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,mCAAmC,EAAE,EAAA;gBACjEA,sBAAA,CAAA,aAAA,CAACC,aAAM,IAAC,MAAM,EAAE,EAAE,EAAA,CAAI,CACjB;AAEV,QAAA;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACED,sBAAA,CAAA,aAAA,CAACE,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;gBAEbF,sBAAA,CAAA,aAAA,CAACG,wBAAS,EAAA,EAAC,KAAK,EAAE,IAAI,IAAI,gCAAgC,EAAA,CAAI,CACvD;AAEZ,QAAA;AACD,QAAA,QACEH,sBAAA,CAAA,aAAA,CAACE,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;YAEbF,sBAAA,CAAA,aAAA,CAACI,yBAAU,EAAA,EAAC,KAAK,EAAE,IAAI,IAAI,gCAAgC,EAAA,CAAI,CACxD;AAEb,IAAA,CAAC;AAED,IAAA,QACEJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEK,+BAAe,CAAC;AACzB,YAAAC,aAAM,CAAC,eAAe;AACtB,YAAA,YAAY,KAAK,MAAM,GAAGA,aAAM,CAAC,QAAQ,GAAGA,aAAM,CAAC,SAAS;YAC5D,SAAS;SACV,CAAC,EAAA;AAEF,QAAAN,sBAAA,CAAA,aAAA,CAACO,eAAS,EAAA,EACR,SAAS,EAAED,aAAM,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAAA,GACtB,UAAU,EAAA,CACd;QACFN,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEM,aAAM,CAAC,aAAa,EAAA,EAAG,UAAU,EAAE,CAAO,CACtD;AAEV,CAAC;;;;"}
|
|
@@ -17,7 +17,8 @@ const Search = withLabels(({ type = 'text', disabled = false, onClearClick, onCh
|
|
|
17
17
|
};
|
|
18
18
|
const renderIcon = () => {
|
|
19
19
|
if (isLoading) {
|
|
20
|
-
return React__default.createElement(
|
|
20
|
+
return (React__default.createElement("span", { style: { color: fill || 'var(--colors-secondary-blue-base)' } },
|
|
21
|
+
React__default.createElement(Loader, { height: 24 })));
|
|
21
22
|
}
|
|
22
23
|
if (shouldShowClear && onClearClick) {
|
|
23
24
|
return (React__default.createElement(Button, { variant: "unstyled", onClick: onClearClick, style: { display: 'flex' }, "aria-label": "Clear text", type: "button" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { buildClassnames } from '../../utils';\nimport { SearchProps } from './types';\n\nimport { Button } from '../Button';\nimport { Loader } from '../Loader';\nimport { TextField } from '../TextField';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport styles from './Search.module.scss';\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 const iconPosition = reversed ? 'left' : 'right';\n\n const onClickSearch = () => {\n onChange?.(value);\n };\n\n const renderIcon = () => {\n if (isLoading) {\n return <
|
|
1
|
+
{"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { buildClassnames } from '../../utils';\nimport { SearchProps } from './types';\n\nimport { Button } from '../Button';\nimport { Loader } from '../Loader';\nimport { TextField } from '../TextField';\nimport { CrossIcon, SearchIcon } from '../../icons';\n\nimport styles from './Search.module.scss';\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 const iconPosition = reversed ? 'left' : 'right';\n\n const onClickSearch = () => {\n onChange?.(value);\n };\n\n const renderIcon = () => {\n if (isLoading) {\n return (\n <span style={{ color: fill || 'var(--colors-secondary-blue-base)' }}>\n <Loader height={24} />\n </span>\n );\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 || 'var(--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 color={fill || 'var(--colors-neutral-ink-dark)'} />\n </Button>\n );\n };\n\n return (\n <div\n className={buildClassnames([\n styles.searchContainer,\n iconPosition === 'left' ? styles.iconLeft : styles.iconRight,\n className,\n ])}\n >\n <TextField\n className={styles.searchInput}\n type={type}\n value={value}\n onChange={onChange}\n disabled={disabled}\n autoComplete={autoComplete}\n {...otherProps}\n />\n <div className={styles.iconContainer}>{renderIcon()}</div>\n </div>\n );\n },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;MAaa,MAAM,GAAG,UAAU,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;IACjD,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO;IAEhD,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,QACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,mCAAmC,EAAE,EAAA;gBACjEA,cAAA,CAAA,aAAA,CAAC,MAAM,IAAC,MAAM,EAAE,EAAE,EAAA,CAAI,CACjB;AAEV,QAAA;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;gBAEbA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,IAAI,IAAI,gCAAgC,EAAA,CAAI,CACvD;AAEZ,QAAA;AACD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,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;YAEbA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,IAAI,IAAI,gCAAgC,EAAA,CAAI,CACxD;AAEb,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,eAAe;AACtB,YAAA,YAAY,KAAK,MAAM,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,SAAS;YAC5D,SAAS;SACV,CAAC,EAAA;AAEF,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAAA,GACtB,UAAU,EAAA,CACd;QACFA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,EAAG,UAAU,EAAE,CAAO,CACtD;AAEV,CAAC;;;;"}
|