@wix/patterns-fields 1.0.0

package/dist/cjs/components/color-view/color-input.js

@@ -0,0 +1,168 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ColorInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _color = _interopRequireDefault(require("color"));
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/color-view/color-input.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 omitHash = value => value.replace(/^#/, '');
+const isValidHex = value => /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(value);
+const normalizeHex = value => {
+  const cleaned = value.startsWith('#') ? value : `#${value}`;
+  if (isValidHex(cleaned)) {
+    return cleaned.toUpperCase();
+  }
+  return undefined;
+};
+const safeColorLib = value => {
+  try {
+    return (0, _color.default)(value);
+  } catch {
+    return undefined;
+  }
+};
+const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  value: colorValue,
+  onChange,
+  onBlur,
+  ...props
+}, ref) => {
+  const [inputValue, setInputValue] = (0, _react.useState)(colorValue ? omitHash(colorValue) : '');
+  const [showPicker, setShowPicker] = (0, _react.useState)(false);
+  const [pickerColor, setPickerColor] = (0, _react.useState)(colorValue ? safeColorLib(colorValue) : undefined);
+  const onInputChange = (0, _react.useCallback)(e => {
+    const raw = e.target.value;
+    setInputValue(raw);
+    const hex = normalizeHex(raw);
+    if (hex) {
+      onChange == null || onChange(hex);
+      setPickerColor(safeColorLib(hex));
+    }
+  }, [onChange]);
+  const onInputBlur = (0, _react.useCallback)(e => {
+    const hex = normalizeHex(inputValue);
+    if (hex) {
+      onChange == null || onChange(hex);
+      setInputValue(omitHash(hex));
+    } else if (colorValue) {
+      setInputValue(omitHash(colorValue));
+    } else {
+      setInputValue('');
+    }
+    onBlur == null || onBlur(e);
+  }, [onChange, onBlur, inputValue, colorValue]);
+  const onPickerConfirm = (0, _react.useCallback)(confirmedColor => {
+    var _confirmedColor$hex;
+    const hex = typeof confirmedColor === 'string' ? confirmedColor : confirmedColor == null || (_confirmedColor$hex = confirmedColor.hex()) == null ? void 0 : _confirmedColor$hex.toUpperCase();
+    if (hex) {
+      onChange == null || onChange(hex);
+      setInputValue(omitHash(hex));
+      setPickerColor(safeColorLib(hex));
+    }
+    setShowPicker(false);
+  }, [onChange]);
+  const onPickerCancel = (0, _react.useCallback)(() => {
+    setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);
+    setShowPicker(false);
+  }, [colorValue]);
+  const onPreviewClick = (0, _react.useCallback)(() => {
+    setShowPicker(prev => !prev);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Input, (0, _extends2.default)({}, props, {
+    ref: ref,
+    value: inputValue,
+    onChange: onInputChange,
+    onBlur: onInputBlur,
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 17
+      }
+    }, "#"),
+    suffix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 119,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+      shown: showPicker,
+      onClickOutside: () => setShowPicker(false),
+      animate: true,
+      flip: true,
+      fixed: false,
+      placement: "left-start",
+      appendTo: "scrollParent",
+      moveBy: {
+        x: 6,
+        y: 6
+      },
+      zIndex: 5001,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 120,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 131,
+        columnNumber: 15
+      }
+    }, colorValue ? /*#__PURE__*/_react.default.createElement(_designSystem.FillPreview, {
+      fill: colorValue,
+      onClick: onPreviewClick,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 133,
+        columnNumber: 19
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_designSystem.FillButton, {
+      onClick: onPreviewClick,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 135,
+        columnNumber: 19
+      }
+    })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 138,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.ColorPicker, {
+      value: pickerColor,
+      onChange: c => setPickerColor(c),
+      onConfirm: onPickerConfirm,
+      onCancel: onPickerCancel,
+      showConverter: true,
+      allowEmpty: true,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 139,
+        columnNumber: 17
+      }
+    })))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 111,
+      columnNumber: 7
+    }
+  }));
+});
+ColorInput.displayName = 'ColorInput';
+//# sourceMappingURL=color-input.js.map

package/dist/cjs/components/color-view/color-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_color","_interopRequireDefault","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","omitHash","value","replace","isValidHex","test","normalizeHex","cleaned","startsWith","toUpperCase","undefined","safeColorLib","ColorLib","ColorInput","exports","forwardRef","colorValue","onChange","onBlur","props","ref","inputValue","setInputValue","useState","showPicker","setShowPicker","pickerColor","setPickerColor","onInputChange","useCallback","raw","target","hex","onInputBlur","onPickerConfirm","confirmedColor","_confirmedColor$hex","onPickerCancel","onPreviewClick","prev","createElement","Input","_extends2","prefix","Affix","__self","__source","fileName","lineNumber","columnNumber","suffix","Popover","shown","onClickOutside","animate","flip","fixed","placement","appendTo","moveBy","x","y","zIndex","Element","FillPreview","fill","onClick","FillButton","Content","ColorPicker","c","onConfirm","onCancel","showConverter","allowEmpty","displayName"],"sources":["../../../../src/components/color-view/color-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from 'react';\nimport type {\n  ColorPickerProps,\n  InputImperativeActions,\n  InputProps,\n} from '@wix/design-system';\nimport {\n  ColorPicker,\n  FillButton,\n  FillPreview,\n  Input,\n  Popover,\n} from '@wix/design-system';\nimport ColorLib, { rgb } from 'color';\n\ntype ColorInstance = ReturnType<typeof rgb>;\n\nconst omitHash = (value: string) => value.replace(/^#/, '');\n\nconst isValidHex = (value: string): boolean =>\n  /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(value);\n\nconst normalizeHex = (value: string): string | undefined => {\n  const cleaned = value.startsWith('#') ? value : `#${value}`;\n  if (isValidHex(cleaned)) {\n    return cleaned.toUpperCase();\n  }\n  return undefined;\n};\n\nconst safeColorLib = (value: string): ColorInstance | undefined => {\n  try {\n    return ColorLib(value);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface ColorInputProps\n  extends Omit<InputProps, 'value' | 'onChange' | 'prefix' | 'suffix'> {\n  value?: string;\n  onChange?: (hex: string) => void;\n}\n\nexport const ColorInput = forwardRef<InputImperativeActions, ColorInputProps>(\n  ({ value: colorValue, onChange, onBlur, ...props }, ref) => {\n    const [inputValue, setInputValue] = useState(\n      colorValue ? omitHash(colorValue) : '',\n    );\n    const [showPicker, setShowPicker] = useState(false);\n    const [pickerColor, setPickerColor] = useState<ColorInstance | undefined>(\n      colorValue ? safeColorLib(colorValue) : undefined,\n    );\n\n    const onInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value;\n        setInputValue(raw);\n\n        const hex = normalizeHex(raw);\n        if (hex) {\n          onChange?.(hex);\n          setPickerColor(safeColorLib(hex));\n        }\n      },\n      [onChange],\n    );\n\n    const onInputBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        const hex = normalizeHex(inputValue);\n        if (hex) {\n          onChange?.(hex);\n          setInputValue(omitHash(hex));\n        } else if (colorValue) {\n          setInputValue(omitHash(colorValue));\n        } else {\n          setInputValue('');\n        }\n        onBlur?.(e);\n      },\n      [onChange, onBlur, inputValue, colorValue],\n    );\n\n    const onPickerConfirm = useCallback(\n      (confirmedColor: ColorPickerProps['value']) => {\n        const hex =\n          typeof confirmedColor === 'string'\n            ? confirmedColor\n            : confirmedColor?.hex()?.toUpperCase();\n        if (hex) {\n          onChange?.(hex);\n          setInputValue(omitHash(hex));\n          setPickerColor(safeColorLib(hex));\n        }\n        setShowPicker(false);\n      },\n      [onChange],\n    );\n\n    const onPickerCancel = useCallback(() => {\n      setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);\n      setShowPicker(false);\n    }, [colorValue]);\n\n    const onPreviewClick = useCallback(() => {\n      setShowPicker((prev) => !prev);\n    }, []);\n\n    return (\n      <Input\n        {...props}\n        ref={ref}\n        value={inputValue}\n        onChange={onInputChange}\n        onBlur={onInputBlur}\n        prefix={<Input.Affix>#</Input.Affix>}\n        suffix={\n          <Input.Affix>\n            <Popover\n              shown={showPicker}\n              onClickOutside={() => setShowPicker(false)}\n              animate\n              flip\n              fixed={false}\n              placement=\"left-start\"\n              appendTo=\"scrollParent\"\n              moveBy={{ x: 6, y: 6 }}\n              zIndex={5001}\n            >\n              <Popover.Element>\n                {colorValue ? (\n                  <FillPreview fill={colorValue} onClick={onPreviewClick} />\n                ) : (\n                  <FillButton onClick={onPreviewClick} />\n                )}\n              </Popover.Element>\n              <Popover.Content>\n                <ColorPicker\n                  value={pickerColor as ColorPickerProps['value']}\n                  onChange={\n                    ((c: ColorPickerProps['value']) =>\n                      setPickerColor(\n                        c as ColorInstance | undefined,\n                      )) as ColorPickerProps['onChange']\n                  }\n                  onConfirm={onPickerConfirm}\n                  onCancel={onPickerCancel}\n                  showConverter\n                  allowEmpty\n                />\n              </Popover.Content>\n            </Popover>\n          </Input.Affix>\n        }\n      />\n    );\n  },\n);\n\nColorInput.displayName = 'ColorInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ColorView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _colorViewStCss = require("./color-view.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/color-view/color-view.tsx";
+const ColorPreview = ({
+  data,
+  children
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    className: _colorViewStCss.classes.view,
+    align: "left",
+    verticalAlign: "middle",
+    direction: "horizontal",
+    gap: "SP1",
+    dataHook: "color-view",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.FillPreview, {
+    className: _colorViewStCss.classes.fillPreview,
+    aspectRatio: 1,
+    fill: data,
+    dataHook: "color-view-fill-preview",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 7
+    }
+  }), children);
+};
+const ColorView = props => {
+  return /*#__PURE__*/_react.default.createElement(ColorPreview, (0, _extends2.default)({}, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    weight: "normal",
+    dataHook: "color-view-text",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, props.data ?? '#'));
+};
+exports.ColorView = ColorView;
+//# sourceMappingURL=color-view.js.map

package/dist/cjs/components/color-view/color-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_colorViewStCss","_jsxFileName","ColorPreview","data","children","default","createElement","Box","className","classes","view","align","verticalAlign","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","FillPreview","fillPreview","aspectRatio","fill","ColorView","props","_extends2","Text","size","weight","exports"],"sources":["../../../../src/components/color-view/color-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, FillPreview, Text } from '@wix/design-system';\n\nimport { classes } from './color-view.st.css.js';\n\nexport interface ColorViewProps {\n  data?: string;\n  children?: React.ReactNode;\n}\n\nconst ColorPreview: React.FC<ColorViewProps> = ({ data, children }) => {\n  return (\n    <Box\n      className={classes.view}\n      align=\"left\"\n      verticalAlign=\"middle\"\n      direction=\"horizontal\"\n      gap=\"SP1\"\n      dataHook=\"color-view\"\n    >\n      <FillPreview\n        className={classes.fillPreview}\n        aspectRatio={1}\n        fill={data}\n        dataHook=\"color-view-fill-preview\"\n      />\n      {children}\n    </Box>\n  );\n};\n\nexport const ColorView: React.FC<ColorViewProps> = (props) => {\n  return (\n    <ColorPreview {...props}>\n      <Text size=\"small\" weight=\"normal\" dataHook=\"color-view-text\">\n        {props.data ?? '#'}\n      </Text>\n    </ColorPreview>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAiD,IAAAG,YAAA;AAOjD,MAAMC,YAAsC,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAS,CAAC,KAAK;EACrE,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,SAAS,EAAEC,uBAAO,CAACC,IAAK;IACxBC,KAAK,EAAC,MAAM;IACZC,aAAa,EAAC,QAAQ;IACtBC,SAAS,EAAC,YAAY;IACtBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErBxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAsB,WAAW;IACVb,SAAS,EAAEC,uBAAO,CAACa,WAAY;IAC/BC,WAAW,EAAE,CAAE;IACfC,IAAI,EAAErB,IAAK;IACXY,QAAQ,EAAC,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnC,CAAC,EACDhB,QACE,CAAC;AAEV,CAAC;AAEM,MAAMqB,SAAmC,GAAIC,KAAK,IAAK;EAC5D,oBACE9B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,YAAY,MAAAyB,SAAA,CAAAtB,OAAA,MAAKqB,KAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACrBxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAA6B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAACf,QAAQ,EAAC,iBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC1DM,KAAK,CAACvB,IAAI,IAAI,GACX,CACM,CAAC;AAEnB,CAAC;AAAC4B,OAAA,CAAAN,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.st.css

@@ -0,0 +1,14 @@
+.view {
+    width: 100%;
+}
+
+.fillPreview {
+    flex-shrink: 0;
+}
+
+.view .fillPreview {
+    width: 18px;
+    height: 18px;
+    min-width: 18px !important;
+    min-height: 18px !important;
+}

package/dist/cjs/components/color-view/color-view.st.css.js

@@ -0,0 +1,24 @@
+"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_ = "colorview982264768";
+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": "colorview982264768__root",
+  "view": "colorview982264768__view",
+  "fillPreview": "colorview982264768__fillPreview"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=color-view.st.css.js.map

package/dist/cjs/components/color-view/color-view.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/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview982264768\";\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\":\"colorview982264768__root\",\"view\":\"colorview982264768__view\",\"fillPreview\":\"colorview982264768__fillPreview\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC,0BAA0B;EAAC,aAAa,EAAC;AAAiC,CAAC;AACnI,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.uni.driver.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ColorViewUniDriver = ColorViewUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function ColorViewUniDriver(base, body) {
+  const root = base.$('[data-hook="color-view"]');
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(root),
+    getFillPreview: () => (0, _unidriver.FillPreviewUniDriver)(root.$('[data-hook="color-view-fill-preview"]'), body),
+    getText: () => root.$('[data-hook="color-view-text"]').text()
+  };
+}
+//# sourceMappingURL=color-view.uni.driver.js.map

package/dist/cjs/components/color-view/color-view.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","ColorViewUniDriver","base","body","root","$","baseUniDriverFactory","getFillPreview","FillPreviewUniDriver","getText","text"],"sources":["../../../../src/components/color-view/color-view.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { FillPreviewUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function ColorViewUniDriver(base: UniDriver, body: UniDriver) {\n  const root = base.$('[data-hook=\"color-view\"]');\n\n  return {\n    ...baseUniDriverFactory(root),\n    getFillPreview: () =>\n      FillPreviewUniDriver(\n        root.$('[data-hook=\"color-view-fill-preview\"]'),\n        body,\n      ),\n    getText: () => root.$('[data-hook=\"color-view-text\"]').text(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACnE,MAAMC,IAAI,GAAGF,IAAI,CAACG,CAAC,CAAC,0BAA0B,CAAC;EAE/C,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACF,IAAI,CAAC;IAC7BG,cAAc,EAAEA,CAAA,KACd,IAAAC,+BAAoB,EAClBJ,IAAI,CAACC,CAAC,CAAC,uCAAuC,CAAC,EAC/CF,IACF,CAAC;IACHM,OAAO,EAAEA,CAAA,KAAML,IAAI,CAACC,CAAC,CAAC,+BAA+B,CAAC,CAACK,IAAI,CAAC;EAC9D,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/color-view/form-color-input.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormColorInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _colorInput = require("./color-input");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/color-view/form-color-input.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 FormColorInput = exports.FormColorInput = /*#__PURE__*/_react.default.forwardRef(({
+  data,
+  onChange,
+  autoFocus,
+  readOnly,
+  dataHook
+}, ref) => {
+  const inputRef = (0, _react.useRef)(null);
+  (0, _hooks.useAutoFocus)(inputRef, autoFocus);
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current);
+  return /*#__PURE__*/_react.default.createElement(_colorInput.ColorInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    value: data,
+    onChange: onChange,
+    readOnly: readOnly,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  });
+});
+FormColorInput.displayName = 'FormColorInput';
+//# sourceMappingURL=form-color-input.js.map

package/dist/cjs/components/color-view/form-color-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_colorInput","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormColorInput","exports","React","forwardRef","data","onChange","autoFocus","readOnly","dataHook","ref","inputRef","useRef","useAutoFocus","useImperativeHandle","current","createElement","ColorInput","value","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/color-view/form-color-input.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle } from 'react';\n\nimport type { InputImperativeActions } from '@wix/design-system';\n\nimport { ColorInput, ColorInputProps } from './color-input';\nimport { FormInputProps } from '../../types';\nimport { useAutoFocus } from '../../hooks';\n\nexport type FormColorInputProps = FormInputProps<string> & ColorInputProps;\n\nexport const FormColorInput = React.forwardRef<\n  InputImperativeActions,\n  FormColorInputProps\n>(({ data, onChange, autoFocus, readOnly, dataHook }, ref) => {\n  const inputRef = useRef<InputImperativeActions | null>(null);\n  useAutoFocus(inputRef, autoFocus);\n\n  useImperativeHandle(ref, () => inputRef.current as InputImperativeActions);\n\n  return (\n    <ColorInput\n      dataHook={dataHook}\n      ref={inputRef}\n      value={data}\n      onChange={onChange}\n      readOnly={readOnly}\n    />\n  );\n});\n\nFormColorInput.displayName = 'FormColorInput';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAIpC,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,UAAU,CAG5C,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAC5D,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAgC,IAAI,CAAC;EAC5D,IAAAC,mBAAY,EAACF,QAAQ,EAAEJ,SAAS,CAAC;EAEjC,IAAAO,0BAAmB,EAACJ,GAAG,EAAE,MAAMC,QAAQ,CAACI,OAAiC,CAAC;EAE1E,oBACEvC,MAAA,CAAAgB,OAAA,CAAAwB,aAAA,CAACrC,WAAA,CAAAsC,UAAU;IACTR,QAAQ,EAAEA,QAAS;IACnBC,GAAG,EAAEC,QAAS;IACdO,KAAK,EAAEb,IAAK;IACZC,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC,CAAC;AAEFtB,cAAc,CAACuB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/cjs/components/color-view/index.js

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

package/dist/cjs/components/color-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_colorView","require","Object","keys","forEach","key","exports","_colorInput","_formColorInput"],"sources":["../../../../src/components/color-view/index.ts"],"sourcesContent":["export * from './color-view';\nexport * from './color-input';\nexport * from './form-color-input';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,WAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,WAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,WAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,WAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,eAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,eAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,eAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,eAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/common.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Z_INDEX_POPOVER = exports.Z_INDEX_MODAL_POPOVER = exports.Z_INDEX_MODAL_OVERLAY = void 0;
+const Z_INDEX_POPOVER = exports.Z_INDEX_POPOVER = 99;
+// export const Z_INDEX_BM_TOAST = 1800;
+const Z_INDEX_MODAL_OVERLAY = exports.Z_INDEX_MODAL_OVERLAY = 5000;
+// export const Z_INDEX_FRAME_MODAL = Z_INDEX_MODAL_OVERLAY + 1;
+const Z_INDEX_MODAL_POPOVER = exports.Z_INDEX_MODAL_POPOVER = Z_INDEX_MODAL_OVERLAY + 2;
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Z_INDEX_POPOVER","exports","Z_INDEX_MODAL_OVERLAY","Z_INDEX_MODAL_POPOVER"],"sources":["../../../src/components/common.ts"],"sourcesContent":["export const Z_INDEX_POPOVER = 99;\n// export const Z_INDEX_BM_TOAST = 1800;\nexport const Z_INDEX_MODAL_OVERLAY = 5000;\n// export const Z_INDEX_FRAME_MODAL = Z_INDEX_MODAL_OVERLAY + 1;\nexport const Z_INDEX_MODAL_POPOVER = Z_INDEX_MODAL_OVERLAY + 2;\n"],"mappings":";;;;AAAO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,EAAE;AACjC;AACO,MAAME,qBAAqB,GAAAD,OAAA,CAAAC,qBAAA,GAAG,IAAI;AACzC;AACO,MAAMC,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAGD,qBAAqB,GAAG,CAAC","ignoreList":[]}

package/dist/cjs/components/delete-dialog/delete-dialog.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DeleteDialog = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../hooks");
+var _deleteDialogStCss = require("./delete-dialog.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/delete-dialog/delete-dialog.tsx";
+const DeleteDialog = ({
+  open,
+  onDelete,
+  className,
+  title,
+  children,
+  primaryButtonText,
+  secondaryButtonText,
+  onClose
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: open,
+    dataHook: "delete-dialog-modal",
+    onRequestClose: onClose,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    dataHook: "delete-dialog-layout",
+    className: (0, _deleteDialogStCss.style)(_deleteDialogStCss.classes.layout, className),
+    title: title,
+    onCloseButtonClick: onClose,
+    primaryButtonText: primaryButtonText ?? t('CMS.document.delete.confirm'),
+    secondaryButtonText: secondaryButtonText ?? t('CMS.document.delete.cancel'),
+    primaryButtonOnClick: onDelete,
+    secondaryButtonOnClick: onClose,
+    primaryButtonProps: {
+      skin: 'destructive'
+    },
+    secondaryButtonProps: {
+      skin: 'destructive',
+      priority: 'secondary'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }, children));
+};
+exports.DeleteDialog = DeleteDialog;
+//# sourceMappingURL=delete-dialog.js.map

package/dist/cjs/components/delete-dialog/delete-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_hooks","_deleteDialogStCss","_jsxFileName","DeleteDialog","open","onDelete","className","title","children","primaryButtonText","secondaryButtonText","onClose","t","useTranslations","default","createElement","Modal","isOpen","dataHook","onRequestClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","style","classes","layout","onCloseButtonClick","primaryButtonOnClick","secondaryButtonOnClick","primaryButtonProps","skin","secondaryButtonProps","priority","exports"],"sources":["../../../../src/components/delete-dialog/delete-dialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CustomModalLayout, Modal } from '@wix/design-system';\n\nimport { useTranslations } from '../../hooks';\nimport { style, classes } from './delete-dialog.st.css.js';\nimport type { DeleteDialogProps } from './types';\n\nexport const DeleteDialog: React.FC<DeleteDialogProps> = ({\n  open,\n  onDelete,\n  className,\n  title,\n  children,\n  primaryButtonText,\n  secondaryButtonText,\n  onClose,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <Modal\n      isOpen={open}\n      dataHook=\"delete-dialog-modal\"\n      onRequestClose={onClose}\n    >\n      <CustomModalLayout\n        dataHook=\"delete-dialog-layout\"\n        className={style(classes.layout, className)}\n        title={title}\n        onCloseButtonClick={onClose}\n        primaryButtonText={\n          primaryButtonText ?? t('CMS.document.delete.confirm')\n        }\n        secondaryButtonText={\n          secondaryButtonText ?? t('CMS.document.delete.cancel')\n        }\n        primaryButtonOnClick={onDelete}\n        secondaryButtonOnClick={onClose}\n        primaryButtonProps={{\n          skin: 'destructive',\n        }}\n        secondaryButtonProps={{\n          skin: 'destructive',\n          priority: 'secondary',\n        }}\n      >\n        {children}\n      </CustomModalLayout>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAA2D,IAAAI,YAAA;AAGpD,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,iBAAiB;EACjBC,mBAAmB;EACnBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAE/B,oBACEjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,KAAK;IACJC,MAAM,EAAEb,IAAK;IACbc,QAAQ,EAAC,qBAAqB;IAC9BC,cAAc,EAAER,OAAQ;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExB5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA0B,iBAAiB;IAChBP,QAAQ,EAAC,sBAAsB;IAC/BZ,SAAS,EAAE,IAAAoB,wBAAK,EAACC,0BAAO,CAACC,MAAM,EAAEtB,SAAS,CAAE;IAC5CC,KAAK,EAAEA,KAAM;IACbsB,kBAAkB,EAAElB,OAAQ;IAC5BF,iBAAiB,EACfA,iBAAiB,IAAIG,CAAC,CAAC,6BAA6B,CACrD;IACDF,mBAAmB,EACjBA,mBAAmB,IAAIE,CAAC,CAAC,4BAA4B,CACtD;IACDkB,oBAAoB,EAAEzB,QAAS;IAC/B0B,sBAAsB,EAAEpB,OAAQ;IAChCqB,kBAAkB,EAAE;MAClBC,IAAI,EAAE;IACR,CAAE;IACFC,oBAAoB,EAAE;MACpBD,IAAI,EAAE,aAAa;MACnBE,QAAQ,EAAE;IACZ,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDhB,QACgB,CACd,CAAC;AAEZ,CAAC;AAAC4B,OAAA,CAAAjC,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/components/delete-dialog/delete-dialog.st.css

@@ -0,0 +1,3 @@
+.layout {
+    max-width: 510px !important;
+}

package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js

@@ -0,0 +1,23 @@
+"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_ = "deletedialog2078994546";
+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": "deletedialog2078994546__root",
+  "layout": "deletedialog2078994546__layout"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=delete-dialog.st.css.js.map

package/dist/cjs/components/delete-dialog/delete-dialog.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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog2078994546\";\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\":\"deletedialog2078994546__root\",\"layout\":\"deletedialog2078994546__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/delete-dialog/index.js

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

package/dist/cjs/components/delete-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_deleteDialog","require","Object","keys","forEach","key","exports","_types"],"sources":["../../../../src/components/delete-dialog/index.ts"],"sourcesContent":["export * from './delete-dialog';\nexport * from './types';\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;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/delete-dialog/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/delete-dialog/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/delete-dialog/types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface DeleteDialogProps {\n  className?: string;\n  open: boolean;\n  onClose: () => void;\n  onDelete: () => void;\n  title?: string;\n  primaryButtonText?: string;\n  secondaryButtonText?: string;\n  children?: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/document/add-document-button.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AddDocumentButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _documentLoader = require("./document-loader");
+var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/document/add-document-button.tsx";
+const AddDocumentButton = exports.AddDocumentButton = /*#__PURE__*/_react.default.forwardRef(({
+  loading,
+  error,
+  loaderBorderStyle,
+  className,
+  ...props
+}, ref) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return loading ? /*#__PURE__*/_react.default.createElement(_documentLoader.DocumentLoader, {
+    borderStyle: loaderBorderStyle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    className: (0, _formDocumentFieldStCss.style)(_formDocumentFieldStCss.classes.addItemWrapper, className),
+    dataHook: "add-document-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, (0, _extends2.default)({}, props, {
+    ref: ref,
+    className: (0, _formDocumentFieldStCss.style)(_formDocumentFieldStCss.classes.addDocument, {
+      error
+    }, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }), t('CMS.document.add.button.text')));
+});
+AddDocumentButton.displayName = 'AddDocumentButton';
+//# sourceMappingURL=add-document-button.js.map

package/dist/cjs/components/document/add-document-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_documentLoader","_formDocumentFieldStCss","_hooks","_jsxFileName","AddDocumentButton","exports","React","forwardRef","loading","error","loaderBorderStyle","className","props","ref","t","useTranslations","default","createElement","DocumentLoader","borderStyle","__self","__source","fileName","lineNumber","columnNumber","Box","style","classes","addItemWrapper","dataHook","AddItem","_extends2","addDocument","displayName"],"sources":["../../../../src/components/document/add-document-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { AddItemProps, AddItemActions } from '@wix/design-system';\nimport { AddItem, Box } from '@wix/design-system';\n\nimport { DocumentLoader } from './document-loader';\nimport { style, classes } from './form-document-field.st.css.js';\nimport { useTranslations } from '../../hooks';\n\nexport interface AddDocumentButtonProps extends AddItemProps {\n  loading?: boolean;\n  error?: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n}\n\nexport const AddDocumentButton = React.forwardRef<\n  AddItemActions,\n  AddDocumentButtonProps\n>(({ loading, error, loaderBorderStyle, className, ...props }, ref) => {\n  const { t } = useTranslations();\n\n  return loading ? (\n    <DocumentLoader borderStyle={loaderBorderStyle} />\n  ) : (\n    <Box\n      className={style(classes.addItemWrapper, className)}\n      dataHook=\"add-document-button\"\n    >\n      <AddItem\n        {...props}\n        ref={ref}\n        className={style(classes.addDocument, { error }, className)}\n      >\n        {t('CMS.document.add.button.text')}\n      </AddItem>\n    </Box>\n  );\n});\n\nAddDocumentButton.displayName = 'AddDocumentButton';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA8C,IAAAK,YAAA;AAQvC,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAGE,cAAK,CAACC,UAAU,CAG/C,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC,iBAAiB;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAE/B,OAAOP,OAAO,gBACZZ,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,WAAW,EAAET,iBAAkB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAElD5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA0B,GAAG;IACFd,SAAS,EAAE,IAAAe,6BAAK,EAACC,+BAAO,CAACC,cAAc,EAAEjB,SAAS,CAAE;IACpDkB,QAAQ,EAAC,qBAAqB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9B5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,OAAO,MAAAC,SAAA,CAAAf,OAAA,MACFJ,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTF,SAAS,EAAE,IAAAe,6BAAK,EAACC,+BAAO,CAACK,WAAW,EAAE;MAAEvB;IAAM,CAAC,EAAEE,SAAS,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAE3DV,CAAC,CAAC,8BAA8B,CAC1B,CACN,CACN;AACH,CAAC,CAAC;AAEFV,iBAAiB,CAAC6B,WAAW,GAAG,mBAAmB","ignoreList":[]}