@wix/patterns-fields 1.0.0

package/dist/cjs/components/document/form-document-input.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormDocumentInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../../hooks");
+var _addDocumentButton = require("./add-document-button");
+var _mediaControl = require("../media-control");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/document/form-document-input.tsx";
+const FormDocumentInput = exports.FormDocumentInput = /*#__PURE__*/_react.default.forwardRef(({
+  dataHook,
+  disabled,
+  onPasteURLButtonClick,
+  onAddButtonClick,
+  ...addDocumentProps
+}, ref) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_addDocumentButton.AddDocumentButton, (0, _extends2.default)({
+    ref: ref,
+    disabled: disabled,
+    dataHook: dataHook,
+    onClick: onAddButtonClick
+  }, addDocumentProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLButton, {
+    title: t('CMS.document.pasteUrl.button'),
+    disabled: disabled,
+    onClick: onPasteURLButtonClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 9
+    }
+  }));
+});
+//# sourceMappingURL=form-document-input.js.map

package/dist/cjs/components/document/form-document-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_hooks","_addDocumentButton","_mediaControl","_jsxFileName","FormDocumentInput","exports","React","forwardRef","dataHook","disabled","onPasteURLButtonClick","onAddButtonClick","addDocumentProps","ref","t","useTranslations","default","createElement","Fragment","AddDocumentButton","_extends2","onClick","__self","__source","fileName","lineNumber","columnNumber","PasteURLButton","title"],"sources":["../../../../src/components/document/form-document-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useTranslations } from '../../hooks';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport {\n  AddDocumentButton,\n  type AddDocumentButtonProps,\n} from './add-document-button';\nimport { PasteURLButton, type PasteURLButtonProps } from '../media-control';\n\ntype FormDocumentInputProps = Omit<\n  AddDocumentButtonProps,\n  'onClick' | 'disabled'\n> & {\n  onAddButtonClick: AddDocumentButtonProps['onClick'];\n  onPasteURLButtonClick: PasteURLButtonProps['onClick'];\n  disabled?: boolean;\n  error?: boolean;\n};\n\nexport const FormDocumentInput = React.forwardRef<\n  AddItemActions,\n  FormDocumentInputProps\n>(\n  (\n    {\n      dataHook,\n      disabled,\n      onPasteURLButtonClick,\n      onAddButtonClick,\n      ...addDocumentProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    return (\n      <>\n        <AddDocumentButton\n          ref={ref}\n          disabled={disabled}\n          dataHook={dataHook}\n          onClick={onAddButtonClick}\n          {...addDocumentProps}\n        />\n        <PasteURLButton\n          title={t('CMS.document.pasteUrl.button')}\n          disabled={disabled}\n          onClick={onPasteURLButtonClick}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,kBAAA,GAAAF,OAAA;AAIA,IAAAG,aAAA,GAAAH,OAAA;AAA4E,IAAAI,YAAA;AAYrE,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAGE,cAAK,CAACC,UAAU,CAI/C,CACE;EACEC,QAAQ;EACRC,QAAQ;EACRC,qBAAqB;EACrBC,gBAAgB;EAChB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAE/B,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,qBACErB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,kBAAA,CAAAkB,iBAAiB,MAAAC,SAAA,CAAAJ,OAAA;IAChBH,GAAG,EAAEA,GAAI;IACTJ,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,QAAS;IACnBa,OAAO,EAAEV;EAAiB,GACtBC,gBAAgB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACrB,CAAC,eACF7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAyB,cAAc;IACbC,KAAK,EAAEd,CAAC,CAAC,8BAA8B,CAAE;IACzCL,QAAQ,EAAEA,QAAS;IACnBY,OAAO,EAAEX,qBAAsB;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CACD,CAAC;AAEP,CACF,CAAC","ignoreList":[]}

package/dist/cjs/components/document/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _documentView = require("./document-view");
+Object.keys(_documentView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _documentView[key]) return;
+  exports[key] = _documentView[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_documentView","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/document/index.ts"],"sourcesContent":["export * from './document-view';\n\n// NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.\n// Import them explicitly: import { FormDocumentField } from '../fields/components/document/form';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/document/utils.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.openDocument = void 0;
+const openDocument = url => {
+  const link = document.createElement('a');
+  link.href = url;
+  link.target = '_blank';
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+};
+exports.openDocument = openDocument;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/document/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["openDocument","url","link","document","createElement","href","target","body","appendChild","click","remove","exports"],"sources":["../../../../src/components/document/utils.ts"],"sourcesContent":["export const openDocument = (url: string) => {\n  const link = document.createElement('a');\n  link.href = url;\n  link.target = '_blank';\n  document.body.appendChild(link);\n\n  link.click();\n  link.remove();\n};\n"],"mappings":";;;;AAAO,MAAMA,YAAY,GAAIC,GAAW,IAAK;EAC3C,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EACxCF,IAAI,CAACG,IAAI,GAAGJ,GAAG;EACfC,IAAI,CAACI,MAAM,GAAG,QAAQ;EACtBH,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,IAAI,CAAC;EAE/BA,IAAI,CAACO,KAAK,CAAC,CAAC;EACZP,IAAI,CAACQ,MAAM,CAAC,CAAC;AACf,CAAC;AAACC,OAAA,CAAAX,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/components/exclamation/exclamation.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Exclamation = exports.DetailedExclamation = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _exclamationStCss = require("./exclamation.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/exclamation/exclamation.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TOOLTIP_MAX_WIDTH = 230;
+const SMALL_TOOLTIP_MAX_WIDTH = 204;
+const getExclamationIcon = type => type === 'error' ? _wixUiIconsCommon.StatusAlertFilled : _wixUiIconsCommon.StatusWarningFilled;
+const Exclamation = ({
+  className,
+  type = 'warning',
+  size
+}) => {
+  const Icon = (0, _react.useMemo)(() => getExclamationIcon(type), [type]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    className: (0, _exclamationStCss.st)(_exclamationStCss.classes.exclamation, {
+      type
+    }, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    size: size,
+    "data-hook": "exclamation-icon",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Exclamation = Exclamation;
+Exclamation.displayName = 'Exclamation';
+const DetailedExclamation = ({
+  onShow,
+  tooltipContent,
+  tooltipSize,
+  boxProps,
+  dataHook,
+  ...exclamationProps
+}) => {
+  const maxWidth = tooltipSize === 'small' ? SMALL_TOOLTIP_MAX_WIDTH : TOOLTIP_MAX_WIDTH;
+  const tooltipProps = {
+    dataHook,
+    appendTo: 'window',
+    size: tooltipSize,
+    maxWidth,
+    onShow,
+    content: tooltipContent
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({}, boxProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, (0, _extends2.default)({}, tooltipProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(Exclamation, (0, _extends2.default)({}, exclamationProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 9
+    }
+  }))));
+};
+exports.DetailedExclamation = DetailedExclamation;
+DetailedExclamation.displayName = 'DetailedExclamation';
+//# sourceMappingURL=exclamation.js.map

package/dist/cjs/components/exclamation/exclamation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_exclamationStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TOOLTIP_MAX_WIDTH","SMALL_TOOLTIP_MAX_WIDTH","getExclamationIcon","type","StatusAlertFilled","StatusWarningFilled","Exclamation","className","size","Icon","useMemo","createElement","Box","st","classes","exclamation","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","DetailedExclamation","onShow","tooltipContent","tooltipSize","boxProps","dataHook","exclamationProps","maxWidth","tooltipProps","appendTo","content","_extends2","Tooltip"],"sources":["../../../../src/components/exclamation/exclamation.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { BoxProps, TooltipProps } from '@wix/design-system';\nimport { Box, Tooltip } from '@wix/design-system';\nimport {\n  StatusAlertFilled,\n  StatusWarningFilled,\n} from '@wix/wix-ui-icons-common';\n\nimport { classes, st } from './exclamation.st.css.js';\n\nconst TOOLTIP_MAX_WIDTH = 230;\nconst SMALL_TOOLTIP_MAX_WIDTH = 204;\n\ninterface ExclamationProps {\n  size?: number;\n  type?: 'warning' | 'error';\n  className?: string;\n}\n\nconst getExclamationIcon = (type: ExclamationProps['type']) =>\n  type === 'error' ? StatusAlertFilled : StatusWarningFilled;\n\nexport const Exclamation: FC<ExclamationProps> = ({\n  className,\n  type = 'warning',\n  size,\n}) => {\n  const Icon = useMemo(() => getExclamationIcon(type), [type]);\n\n  return (\n    <Box\n      className={st(\n        classes.exclamation,\n        {\n          type,\n        },\n        className,\n      )}\n    >\n      <Icon size={size} data-hook=\"exclamation-icon\" />\n    </Box>\n  );\n};\n\nExclamation.displayName = 'Exclamation';\n\nexport interface DetailedExclamationProps extends ExclamationProps {\n  onShow?: () => void;\n  tooltipContent?: ReactNode;\n  tooltipSize?: TooltipProps['size'];\n  boxProps?: BoxProps;\n  dataHook?: string;\n}\n\nexport const DetailedExclamation: FC<DetailedExclamationProps> = ({\n  onShow,\n  tooltipContent,\n  tooltipSize,\n  boxProps,\n  dataHook,\n  ...exclamationProps\n}) => {\n  const maxWidth =\n    tooltipSize === 'small' ? SMALL_TOOLTIP_MAX_WIDTH : TOOLTIP_MAX_WIDTH;\n\n  const tooltipProps = {\n    dataHook,\n    appendTo: 'window' as const,\n    size: tooltipSize,\n    maxWidth,\n    onShow,\n    content: tooltipContent,\n  };\n\n  return (\n    <Box {...boxProps}>\n      <Tooltip {...tooltipProps}>\n        <Exclamation {...exclamationProps} />\n      </Tooltip>\n    </Box>\n  );\n};\n\nDetailedExclamation.displayName = 'DetailedExclamation';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/exclamation/exclamation.st.css

@@ -0,0 +1,52 @@
+@property st-global(--wds-color-fill-warning-primary);
+@property st-global(--wds-color-fill-destructive-primary);
+@property st-global(--wds-color-blue-100);
+@property st-global(--wds-color-blue-200);
+
+.exclamation {
+  -st-states: type(enum(warning, error)), customSize;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.exclamation:type(warning):not(:customSize),
+.exclamation:type(error):not(:customSize) {
+  width: 24px;
+  height: 24px;
+}
+
+.exclamation:type(warning) {
+  color: var(--wds-color-fill-warning-primary);
+}
+
+.exclamation:type(error) {
+  color: var(--wds-color-fill-destructive-primary);
+}
+
+.actions {
+  display: flex;
+  flex-direction: column;
+}
+
+.action {
+  -st-states: accented;
+  white-space: normal !important;
+  height: auto !important;
+  text-align: left;
+  gap: 6px;
+}
+
+.action + .action {
+  margin-top: 6px;
+}
+
+.action:accented {
+  color: var(--wds-color-blue-100);
+}
+.action:accented:hover {
+  color: var(--wds-color-blue-200);
+}

package/dist/cjs/components/exclamation/exclamation.st.css.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "exclamation1076305043";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "exclamation1076305043__root",
+  "exclamation": "exclamation1076305043__exclamation",
+  "actions": "exclamation1076305043__actions",
+  "action": "exclamation1076305043__action"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-fill-warning-primary": "--wds-color-fill-warning-primary",
+  "wds-color-fill-destructive-primary": "--wds-color-fill-destructive-primary",
+  "wds-color-blue-100": "--wds-color-blue-100",
+  "wds-color-blue-200": "--wds-color-blue-200"
+};
+//# sourceMappingURL=exclamation.st.css.js.map

package/dist/cjs/components/exclamation/exclamation.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1076305043\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"exclamation1076305043__root\",\"exclamation\":\"exclamation1076305043__exclamation\",\"actions\":\"exclamation1076305043__actions\",\"action\":\"exclamation1076305043__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/exclamation/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _exclamation = require("./exclamation");
+Object.keys(_exclamation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _exclamation[key]) return;
+  exports[key] = _exclamation[key];
+});
+var _typeMismatchExclamation = require("./type-mismatch-exclamation");
+Object.keys(_typeMismatchExclamation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _typeMismatchExclamation[key]) return;
+  exports[key] = _typeMismatchExclamation[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/exclamation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_exclamation","require","Object","keys","forEach","key","exports","_typeMismatchExclamation"],"sources":["../../../../src/components/exclamation/index.ts"],"sourcesContent":["export * from './exclamation';\nexport * from './type-mismatch-exclamation';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,wBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,wBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,wBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,wBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/exclamation/type-mismatch-exclamation.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TypeMismatchExclamation = exports.TypeMismatchDetailedExclamation = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _exclamation = require("./exclamation");
+var _exclamationStCss = require("./exclamation.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/exclamation/type-mismatch-exclamation.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TypeMismatchExclamation = ({
+  typeName,
+  isConverted,
+  isConverting,
+  convertedValue,
+  onClear,
+  onChange,
+  readOnly,
+  boxProps,
+  onActionMouseDown,
+  onShow,
+  onConvertClick,
+  onClearClick,
+  convertButtonText,
+  convertDisabledText,
+  clearButtonText,
+  tooltipText
+}) => {
+  const onConvert = (0, _react.useCallback)(() => {
+    onChange(convertedValue);
+    onConvertClick == null || onConvertClick();
+  }, [onChange, convertedValue, onConvertClick]);
+  const onClearHandler = (0, _react.useCallback)(() => {
+    onClear();
+    onClearClick == null || onClearClick();
+  }, [onClear, onClearClick]);
+  const isConvertAllowed = isConverted && !readOnly;
+  const convertBtn = isConvertAllowed || isConverting ? /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    className: _exclamationStCss.classes.action,
+    skin: "light",
+    onClick: onConvert,
+    size: "small",
+    underline: "always",
+    disabled: isConverting,
+    suffixIcon: isConverting ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      color: "white",
+      size: "tiny",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 87,
+        columnNumber: 26
+      }
+    }) : undefined,
+    dataHook: "type-mismatch-exclamation-convert-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 7
+    }
+  }, convertButtonText) : /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    className: _exclamationStCss.classes.action,
+    skin: "light",
+    size: "small",
+    underline: "always",
+    disabled: true,
+    dataHook: "type-mismatch-exclamation-convert-disabled-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 7
+    }
+  }, convertDisabledText);
+  const clearBtn = /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    className: _exclamationStCss.classes.action,
+    skin: "light",
+    size: "small",
+    underline: "always",
+    disabled: readOnly,
+    onClick: readOnly ? undefined : onClearHandler,
+    dataHook: "type-mismatch-exclamation-clear-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 5
+    }
+  }, clearButtonText);
+  return /*#__PURE__*/_react.default.createElement(TypeMismatchDetailedExclamation, {
+    boxProps: boxProps,
+    typeName: typeName,
+    tooltipText: tooltipText,
+    tooltipContent: /*#__PURE__*/_react.default.createElement("div", {
+      className: _exclamationStCss.classes.actions,
+      onMouseDown: onActionMouseDown,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 126,
+        columnNumber: 9
+      }
+    }, convertBtn, clearBtn),
+    onShow: onShow,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 121,
+      columnNumber: 5
+    }
+  });
+};
+exports.TypeMismatchExclamation = TypeMismatchExclamation;
+TypeMismatchExclamation.displayName = 'TypeMismatchExclamation';
+const TypeMismatchDetailedExclamation = ({
+  typeName,
+  tooltipText,
+  tooltipContent,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_exclamation.DetailedExclamation, (0, _extends2.default)({}, props, {
+    dataHook: "type-mismatch-detailed-exclamation-tooltip",
+    type: "warning",
+    tooltipContent: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      gap: "12px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 154,
+        columnNumber: 9
+      }
+    }, tooltipText, tooltipContent),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 149,
+      columnNumber: 5
+    }
+  }));
+};
+exports.TypeMismatchDetailedExclamation = TypeMismatchDetailedExclamation;
+TypeMismatchDetailedExclamation.displayName = 'TypeMismatchDetailedExclamation';
+//# sourceMappingURL=type-mismatch-exclamation.js.map

package/dist/cjs/components/exclamation/type-mismatch-exclamation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_exclamation","_exclamationStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TypeMismatchExclamation","typeName","isConverted","isConverting","convertedValue","onClear","onChange","readOnly","boxProps","onActionMouseDown","onShow","onConvertClick","onClearClick","convertButtonText","convertDisabledText","clearButtonText","tooltipText","onConvert","useCallback","onClearHandler","isConvertAllowed","convertBtn","createElement","TextButton","className","classes","action","skin","onClick","size","underline","disabled","suffixIcon","Loader","color","__self","__source","fileName","lineNumber","columnNumber","undefined","dataHook","clearBtn","TypeMismatchDetailedExclamation","tooltipContent","actions","onMouseDown","exports","displayName","props","DetailedExclamation","_extends2","type","Box","direction","gap"],"sources":["../../../../src/components/exclamation/type-mismatch-exclamation.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport React, { useCallback } from 'react';\n\nimport type { BoxProps } from '@wix/design-system';\nimport { Box, Loader, TextButton } from '@wix/design-system';\n\nimport type { DetailedExclamationProps } from './exclamation';\nimport { DetailedExclamation } from './exclamation';\nimport { classes } from './exclamation.st.css.js';\n\nexport interface TypeMismatchExclamationProps {\n  /** The translated field type name for display */\n  typeName: string;\n  /** The translated field name for display */\n  fieldName: string;\n  /** Whether the data can be converted to the target type */\n  isConverted: boolean;\n  /** Whether conversion is in progress */\n  isConverting: boolean;\n  /** The converted value to apply on convert click */\n  convertedValue: unknown;\n  /** Handler for converting the value */\n  onChange: (data?: unknown) => void;\n  /** Handler for clearing the value */\n  onClear: () => void;\n  /** Whether the field is read-only */\n  readOnly?: boolean;\n  /** Box props for styling */\n  boxProps?: BoxProps;\n  /** Mouse down handler for action buttons */\n  onActionMouseDown?: React.MouseEventHandler;\n  /** Called when the tooltip is shown */\n  onShow?: () => void;\n  /** Called when the convert action is triggered */\n  onConvertClick?: () => void;\n  /** Called when the clear action is triggered */\n  onClearClick?: () => void;\n  /** Localized text for \"Convert to {typeName}\" button */\n  convertButtonText: string;\n  /** Localized text for disabled convert button */\n  convertDisabledText: string;\n  /** Localized text for \"Clear\" button */\n  clearButtonText: string;\n  /** Localized text for the tooltip message */\n  tooltipText: string;\n}\n\nexport const TypeMismatchExclamation: FC<TypeMismatchExclamationProps> = ({\n  typeName,\n  isConverted,\n  isConverting,\n  convertedValue,\n  onClear,\n  onChange,\n  readOnly,\n  boxProps,\n  onActionMouseDown,\n  onShow,\n  onConvertClick,\n  onClearClick,\n  convertButtonText,\n  convertDisabledText,\n  clearButtonText,\n  tooltipText,\n}) => {\n  const onConvert = useCallback(() => {\n    onChange(convertedValue);\n    onConvertClick?.();\n  }, [onChange, convertedValue, onConvertClick]);\n\n  const onClearHandler = useCallback(() => {\n    onClear();\n    onClearClick?.();\n  }, [onClear, onClearClick]);\n\n  const isConvertAllowed = isConverted && !readOnly;\n  const convertBtn =\n    isConvertAllowed || isConverting ? (\n      <TextButton\n        className={classes.action}\n        skin=\"light\"\n        onClick={onConvert}\n        size=\"small\"\n        underline=\"always\"\n        disabled={isConverting}\n        suffixIcon={\n          isConverting ? <Loader color=\"white\" size=\"tiny\" /> : undefined\n        }\n        dataHook=\"type-mismatch-exclamation-convert-button\"\n      >\n        {convertButtonText}\n      </TextButton>\n    ) : (\n      <TextButton\n        className={classes.action}\n        skin=\"light\"\n        size=\"small\"\n        underline=\"always\"\n        disabled\n        dataHook=\"type-mismatch-exclamation-convert-disabled-button\"\n      >\n        {convertDisabledText}\n      </TextButton>\n    );\n\n  const clearBtn = (\n    <TextButton\n      className={classes.action}\n      skin=\"light\"\n      size=\"small\"\n      underline=\"always\"\n      disabled={readOnly}\n      onClick={readOnly ? undefined : onClearHandler}\n      dataHook=\"type-mismatch-exclamation-clear-button\"\n    >\n      {clearButtonText}\n    </TextButton>\n  );\n\n  return (\n    <TypeMismatchDetailedExclamation\n      boxProps={boxProps}\n      typeName={typeName}\n      tooltipText={tooltipText}\n      tooltipContent={\n        <div className={classes.actions} onMouseDown={onActionMouseDown}>\n          {convertBtn}\n          {clearBtn}\n        </div>\n      }\n      onShow={onShow}\n    />\n  );\n};\n\nTypeMismatchExclamation.displayName = 'TypeMismatchExclamation';\n\ninterface TypeMismatchDetailedExclamationProps\n  extends Omit<DetailedExclamationProps, 'tooltipContent'> {\n  typeName: string;\n  tooltipText: string;\n  tooltipContent?: ReactNode;\n}\n\nexport const TypeMismatchDetailedExclamation: FC<\n  TypeMismatchDetailedExclamationProps\n> = ({ typeName, tooltipText, tooltipContent, ...props }) => {\n  return (\n    <DetailedExclamation\n      {...props}\n      dataHook=\"type-mismatch-detailed-exclamation-tooltip\"\n      type=\"warning\"\n      tooltipContent={\n        <Box direction=\"vertical\" gap=\"12px\">\n          {tooltipText}\n          {tooltipContent}\n        </Box>\n      }\n    />\n  );\n};\n\nTypeMismatchDetailedExclamation.displayName = 'TypeMismatchDetailedExclamation';\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAkD,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAuC3C,MAAMkB,uBAAyD,GAAGA,CAAC;EACxEC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC,cAAc;EACdC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,iBAAiB;EACjBC,MAAM;EACNC,cAAc;EACdC,YAAY;EACZC,iBAAiB;EACjBC,mBAAmB;EACnBC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClCZ,QAAQ,CAACF,cAAc,CAAC;IACxBO,cAAc,YAAdA,cAAc,CAAG,CAAC;EACpB,CAAC,EAAE,CAACL,QAAQ,EAAEF,cAAc,EAAEO,cAAc,CAAC,CAAC;EAE9C,MAAMQ,cAAc,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACvCb,OAAO,CAAC,CAAC;IACTO,YAAY,YAAZA,YAAY,CAAG,CAAC;EAClB,CAAC,EAAE,CAACP,OAAO,EAAEO,YAAY,CAAC,CAAC;EAE3B,MAAMQ,gBAAgB,GAAGlB,WAAW,IAAI,CAACK,QAAQ;EACjD,MAAMc,UAAU,GACdD,gBAAgB,IAAIjB,YAAY,gBAC9B7B,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC7C,aAAA,CAAA8C,UAAU;IACTC,SAAS,EAAEC,yBAAO,CAACC,MAAO;IAC1BC,IAAI,EAAC,OAAO;IACZC,OAAO,EAAEX,SAAU;IACnBY,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBC,QAAQ,EAAE5B,YAAa;IACvB6B,UAAU,EACR7B,YAAY,gBAAG7B,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC7C,aAAA,CAAAwD,MAAM;MAACC,KAAK,EAAC,OAAO;MAACL,IAAI,EAAC,MAAM;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAGC,SACvD;IACDC,QAAQ,EAAC,0CAA0C;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElD1B,iBACS,CAAC,gBAEbvC,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC7C,aAAA,CAAA8C,UAAU;IACTC,SAAS,EAAEC,yBAAO,CAACC,MAAO;IAC1BC,IAAI,EAAC,OAAO;IACZE,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBC,QAAQ;IACRU,QAAQ,EAAC,mDAAmD;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3DzB,mBACS,CACb;EAEH,MAAM4B,QAAQ,gBACZpE,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC7C,aAAA,CAAA8C,UAAU;IACTC,SAAS,EAAEC,yBAAO,CAACC,MAAO;IAC1BC,IAAI,EAAC,OAAO;IACZE,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBC,QAAQ,EAAExB,QAAS;IACnBqB,OAAO,EAAErB,QAAQ,GAAGiC,SAAS,GAAGrB,cAAe;IAC/CsB,QAAQ,EAAC,wCAAwC;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhDxB,eACS,CACb;EAED,oBACEzC,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAACqB,+BAA+B;IAC9BnC,QAAQ,EAAEA,QAAS;IACnBP,QAAQ,EAAEA,QAAS;IACnBe,WAAW,EAAEA,WAAY;IACzB4B,cAAc,eACZtE,MAAA,CAAAiB,OAAA,CAAA+B,aAAA;MAAKE,SAAS,EAAEC,yBAAO,CAACoB,OAAQ;MAACC,WAAW,EAAErC,iBAAkB;MAAA0B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7DlB,UAAU,EACVqB,QACE,CACN;IACDhC,MAAM,EAAEA,MAAO;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CAAC;AAEN,CAAC;AAACQ,OAAA,CAAA/C,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACgD,WAAW,GAAG,yBAAyB;AASxD,MAAML,+BAEZ,GAAGA,CAAC;EAAE1C,QAAQ;EAAEe,WAAW;EAAE4B,cAAc;EAAE,GAAGK;AAAM,CAAC,KAAK;EAC3D,oBACE3E,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC5C,YAAA,CAAAwE,mBAAmB,MAAAC,SAAA,CAAA5D,OAAA,MACd0D,KAAK;IACTR,QAAQ,EAAC,4CAA4C;IACrDW,IAAI,EAAC,SAAS;IACdR,cAAc,eACZtE,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC7C,aAAA,CAAA4E,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,GAAG,EAAC,MAAM;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,GACjCvB,WAAW,EACX4B,cACE,CACN;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN,CAAC;AAACQ,OAAA,CAAAJ,+BAAA,GAAAA,+BAAA;AAEFA,+BAA+B,CAACK,WAAW,GAAG,iCAAiC","ignoreList":[]}

package/dist/cjs/components/highlighted-text/highlighted-text.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HighlightedText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _highlightedTextStCss = require("./highlighted-text.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/highlighted-text/highlighted-text.tsx";
+const HighlightedText = ({
+  highlight,
+  highlightedBackground = true,
+  className,
+  dataHook
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  "data-hook": dataHook,
+  className: (0, _highlightedTextStCss.style)(_highlightedTextStCss.classes.root, {
+    highlightedBackground
+  }, className),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 3
+  }
+}, highlight.map(({
+  substring,
+  isHighlighted
+}, key) => /*#__PURE__*/_react.default.createElement("span", {
+  key: key,
+  className: (0, _highlightedTextStCss.style)(_highlightedTextStCss.classes.substring, {
+    isHighlighted
+  }),
+  children: substring,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 25,
+    columnNumber: 7
+  }
+})));
+exports.HighlightedText = HighlightedText;
+//# sourceMappingURL=highlighted-text.js.map

package/dist/cjs/components/highlighted-text/highlighted-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_highlightedTextStCss","_jsxFileName","HighlightedText","highlight","highlightedBackground","className","dataHook","default","createElement","style","classes","root","__self","__source","fileName","lineNumber","columnNumber","map","substring","isHighlighted","key","children","exports"],"sources":["../../../../src/components/highlighted-text/highlighted-text.tsx"],"sourcesContent":["import React from 'react';\n\nimport { style, classes } from './highlighted-text.st.css.js';\n\nimport type { HighlightDescriptor } from '../../utils';\n\nexport interface HighlightTextProps {\n  highlight: HighlightDescriptor;\n  highlightedBackground?: boolean;\n  className?: string;\n  dataHook?: string;\n}\n\nexport const HighlightedText: React.FC<HighlightTextProps> = ({\n  highlight,\n  highlightedBackground = true,\n  className,\n  dataHook,\n}) => (\n  <span\n    data-hook={dataHook}\n    className={style(classes.root, { highlightedBackground }, className)}\n  >\n    {highlight.map(({ substring, isHighlighted }, key) => (\n      <span\n        key={key}\n        className={style(classes.substring, { isHighlighted })}\n        children={substring}\n      />\n    ))}\n  </span>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAD,OAAA;AAA8D,IAAAE,YAAA;AAWvD,MAAMC,eAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,qBAAqB,GAAG,IAAI;EAC5BC,SAAS;EACTC;AACF,CAAC,kBACCT,MAAA,CAAAU,OAAA,CAAAC,aAAA;EACE,aAAWF,QAAS;EACpBD,SAAS,EAAE,IAAAI,2BAAK,EAACC,6BAAO,CAACC,IAAI,EAAE;IAAEP;EAAsB,CAAC,EAAEC,SAAS,CAAE;EAAAO,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,GAEpEb,SAAS,CAACc,GAAG,CAAC,CAAC;EAAEC,SAAS;EAAEC;AAAc,CAAC,EAAEC,GAAG,kBAC/CvB,MAAA,CAAAU,OAAA,CAAAC,aAAA;EACEY,GAAG,EAAEA,GAAI;EACTf,SAAS,EAAE,IAAAI,2BAAK,EAACC,6BAAO,CAACQ,SAAS,EAAE;IAAEC;EAAc,CAAC,CAAE;EACvDE,QAAQ,EAAEH,SAAU;EAAAN,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACrB,CACF,CACG,CACP;AAACM,OAAA,CAAApB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/highlighted-text/highlighted-text.st.css

@@ -0,0 +1,39 @@
+@property st-global(--wds-color-yellow-200);
+@property st-global(--wds-color-yellow-400);
+@property st-global(--wsr-color-Y20);
+@property st-global(--wsr-color-Y40);
+
+.root {
+    -st-states: highlightedBackground;
+}
+
+.root:highlightedBackground {
+    animation: highlighted 150ms ease-out 1 forwards;
+}
+
+.substring {
+    -st-states: isHighlighted;
+}
+
+.substring:isHighlighted {
+    animation: highlighted-match 150ms ease-out 50ms 1 forwards;
+}
+
+
+@keyframes highlighted {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: var(--wds-color-yellow-400, var(--wsr-color-Y40));
+    }
+}
+
+@keyframes highlighted-match {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: var(--wds-color-yellow-200, var(--wsr-color-Y20));
+    }
+}

package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "highlightedtext2964394036";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "highlightedtext2964394036__root",
+  "substring": "highlightedtext2964394036__substring"
+};
+var keyframes = exports.keyframes = {
+  "highlighted": "highlightedtext2964394036__highlighted",
+  "highlighted-match": "highlightedtext2964394036__highlighted-match"
+};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-yellow-200": "--wds-color-yellow-200",
+  "wds-color-yellow-400": "--wds-color-yellow-400",
+  "wsr-color-Y20": "--wsr-color-Y20",
+  "wsr-color-Y40": "--wsr-color-Y40"
+};
+//# sourceMappingURL=highlighted-text.st.css.js.map

package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext2964394036\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"highlightedtext2964394036__root\",\"substring\":\"highlightedtext2964394036__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2964394036__highlighted\",\"highlighted-match\":\"highlightedtext2964394036__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/highlighted-text/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _highlightedText = require("./highlighted-text");
+Object.keys(_highlightedText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _highlightedText[key]) return;
+  exports[key] = _highlightedText[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/highlighted-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_highlightedText","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/highlighted-text/index.ts"],"sourcesContent":["export * from './highlighted-text';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}