@wordpress/dataviews 9.1.1-next.f56bd8138.0 → 10.0.1-next.47f435fc9.0

package/build-module/dataform-controls/color.js

@@ -1,126 +1,124 @@
-/**
- * External dependencies
- */
-import { colord } from 'colord';
-import deepMerge from 'deepmerge';
-
-/**
- * WordPress dependencies
- */
-import { Dropdown, privateApis, __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper } from '@wordpress/components';
-import { useCallback, useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { unlock } from '../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  ValidatedInputControl,
-  Picker
-} = unlock(privateApis);
+import { jsx } from "react/jsx-runtime";
+import { colord } from "colord";
+import deepMerge from "deepmerge";
+import {
+  Dropdown,
+  privateApis,
+  __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper
+} from "@wordpress/components";
+import { useCallback, useState } from "@wordpress/element";
+import { unlock } from "../lock-unlock";
+const { ValidatedInputControl, Picker } = unlock(privateApis);
 const ColorPicker = ({
   color,
   onColorChange
 }) => {
-  const validColor = color && colord(color).isValid() ? color : '#ffffff';
-  return /*#__PURE__*/_jsx(Dropdown, {
-    renderToggle: ({
-      onToggle,
-      isOpen
-    }) => /*#__PURE__*/_jsx(InputControlPrefixWrapper, {
-      variant: "icon",
-      children: /*#__PURE__*/_jsx("button", {
-        type: "button",
-        onClick: onToggle,
-        style: {
-          width: '24px',
-          height: '24px',
-          borderRadius: '50%',
-          backgroundColor: validColor,
-          border: '1px solid #ddd',
-          cursor: 'pointer',
-          outline: isOpen ? '2px solid #007cba' : 'none',
-          outlineOffset: '2px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          padding: 0,
-          margin: 0
-        },
-        "aria-label": "Open color picker"
-      })
-    }),
-    renderContent: () => /*#__PURE__*/_jsx("div", {
-      style: {
-        padding: '16px'
-      },
-      children: /*#__PURE__*/_jsx(Picker, {
-        color: colord(validColor),
-        onChange: onColorChange,
-        enableAlpha: true
-      })
-    })
-  });
+  const validColor = color && colord(color).isValid() ? color : "#ffffff";
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      renderToggle: ({ onToggle, isOpen }) => /* @__PURE__ */ jsx(InputControlPrefixWrapper, { variant: "icon", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onToggle,
+          style: {
+            width: "24px",
+            height: "24px",
+            borderRadius: "50%",
+            backgroundColor: validColor,
+            border: "1px solid #ddd",
+            cursor: "pointer",
+            outline: isOpen ? "2px solid #007cba" : "none",
+            outlineOffset: "2px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: 0,
+            margin: 0
+          },
+          "aria-label": "Open color picker"
+        }
+      ) }),
+      renderContent: () => /* @__PURE__ */ jsx("div", { style: { padding: "16px" }, children: /* @__PURE__ */ jsx(
+        Picker,
+        {
+          color: colord(validColor),
+          onChange: onColorChange,
+          enableAlpha: true
+        }
+      ) })
+    }
+  );
 };
-export default function Color({
+function Color({
   data,
   field,
   onChange,
   hideLabelFromVision
 }) {
-  const {
-    label,
-    placeholder,
-    description,
-    setValue
-  } = field;
-  const value = field.getValue({
-    item: data
-  }) || '';
-  const [customValidity, setCustomValidity] = useState(undefined);
-  const handleColorChange = useCallback(colorObject => {
-    onChange(setValue({
-      item: data,
-      value: colorObject.toHex()
-    }));
-  }, [data, onChange, setValue]);
-  const handleInputChange = useCallback(newValue => {
-    onChange(setValue({
-      item: data,
-      value: newValue || ''
-    }));
-  }, [data, onChange, setValue]);
-  const onValidateControl = useCallback(newValue => {
-    const message = field.isValid?.custom?.(deepMerge(data, setValue({
-      item: data,
-      value: newValue
-    })), field);
-    if (message) {
-      setCustomValidity({
-        type: 'invalid',
-        message
-      });
-      return;
+  const { label, placeholder, description, setValue } = field;
+  const value = field.getValue({ item: data }) || "";
+  const [customValidity, setCustomValidity] = useState(void 0);
+  const handleColorChange = useCallback(
+    (colorObject) => {
+      onChange(setValue({ item: data, value: colorObject.toHex() }));
+    },
+    [data, onChange, setValue]
+  );
+  const handleInputChange = useCallback(
+    (newValue) => {
+      onChange(setValue({ item: data, value: newValue || "" }));
+    },
+    [data, onChange, setValue]
+  );
+  const onValidateControl = useCallback(
+    (newValue) => {
+      const message = field.isValid?.custom?.(
+        deepMerge(
+          data,
+          setValue({
+            item: data,
+            value: newValue
+          })
+        ),
+        field
+      );
+      if (message) {
+        setCustomValidity({
+          type: "invalid",
+          message
+        });
+        return;
+      }
+      setCustomValidity(void 0);
+    },
+    [data, field, setValue]
+  );
+  return /* @__PURE__ */ jsx(
+    ValidatedInputControl,
+    {
+      required: !!field.isValid?.required,
+      onValidate: onValidateControl,
+      customValidity,
+      label,
+      placeholder,
+      value,
+      help: description,
+      onChange: handleInputChange,
+      hideLabelFromVision,
+      type: "text",
+      prefix: /* @__PURE__ */ jsx(
+        ColorPicker,
+        {
+          color: value,
+          onColorChange: handleColorChange
+        }
+      )
     }
-    setCustomValidity(undefined);
-  }, [data, field, setValue]);
-  return /*#__PURE__*/_jsx(ValidatedInputControl, {
-    required: !!field.isValid?.required,
-    onValidate: onValidateControl,
-    customValidity: customValidity,
-    label: label,
-    placeholder: placeholder,
-    value: value,
-    help: description,
-    onChange: handleInputChange,
-    hideLabelFromVision: hideLabelFromVision,
-    type: "text",
-    prefix: /*#__PURE__*/_jsx(ColorPicker, {
-      color: value,
-      onColorChange: handleColorChange
-    })
-  });
+  );
 }
-//# sourceMappingURL=color.js.map
+export {
+  Color as default
+};
+//# sourceMappingURL=color.js.map

package/build-module/dataform-controls/color.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["colord","deepMerge","Dropdown","privateApis","__experimentalInputControlPrefixWrapper","InputControlPrefixWrapper","useCallback","useState","unlock","jsx","_jsx","ValidatedInputControl","Picker","ColorPicker","color","onColorChange","validColor","isValid","renderToggle","onToggle","isOpen","variant","children","type","onClick","style","width","height","borderRadius","backgroundColor","border","cursor","outline","outlineOffset","display","alignItems","justifyContent","padding","margin","renderContent","onChange","enableAlpha","Color","data","field","hideLabelFromVision","label","placeholder","description","setValue","value","getValue","item","customValidity","setCustomValidity","undefined","handleColorChange","colorObject","toHex","handleInputChange","newValue","onValidateControl","message","custom","required","onValidate","help","prefix"],"sources":["@wordpress/dataviews/src/dataform-controls/color.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord } from 'colord';\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tprivateApis,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\nimport { useCallback, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedInputControl, Picker } = unlock( privateApis );\n\nconst ColorPicker = ( {\n\tcolor,\n\tonColorChange,\n}: {\n\tcolor: string;\n\tonColorChange: ( colorObject: any ) => void;\n} ) => {\n\tconst validColor = color && colord( color ).isValid() ? color : '#ffffff';\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: validColor,\n\t\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\toutline: isOpen ? '2px solid #007cba' : 'none',\n\t\t\t\t\t\t\toutlineOffset: '2px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label=\"Open color picker\"\n\t\t\t\t\t/>\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div style={ { padding: '16px' } }>\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tcolor={ colord( validColor ) }\n\t\t\t\t\t\tonChange={ onColorChange }\n\t\t\t\t\t\tenableAlpha\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nexport default function Color< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, description, setValue } = field;\n\tconst value = field.getValue( { item: data } ) || '';\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedInputControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\tconst handleColorChange = useCallback(\n\t\t( colorObject: any ) => {\n\t\t\tonChange( setValue( { item: data, value: colorObject.toHex() } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst handleInputChange = useCallback(\n\t\t( newValue: string | undefined ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue || '' } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onValidateControl = useCallback(\n\t\t( newValue: any ) => {\n\t\t\tconst message = field.isValid?.custom?.(\n\t\t\t\tdeepMerge(\n\t\t\t\t\tdata,\n\t\t\t\t\tsetValue( {\n\t\t\t\t\t\titem: data,\n\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t} ) as Partial< Item >\n\t\t\t\t),\n\t\t\t\tfield\n\t\t\t);\n\n\t\t\tif ( message ) {\n\t\t\t\tsetCustomValidity( {\n\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\tmessage,\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetCustomValidity( undefined );\n\t\t},\n\t\t[ data, field, setValue ]\n\t);\n\n\treturn (\n\t\t<ValidatedInputControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ onValidateControl }\n\t\t\tcustomValidity={ customValidity }\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value }\n\t\t\thelp={ description }\n\t\t\tonChange={ handleInputChange }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\ttype=\"text\"\n\t\t\tprefix={\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ value }\n\t\t\t\t\tonColorChange={ handleColorChange }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dataform-controls/color.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { colord } from 'colord';\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tprivateApis,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\nimport { useCallback, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedInputControl, Picker } = unlock( privateApis );\n\nconst ColorPicker = ( {\n\tcolor,\n\tonColorChange,\n}: {\n\tcolor: string;\n\tonColorChange: ( colorObject: any ) => void;\n} ) => {\n\tconst validColor = color && colord( color ).isValid() ? color : '#ffffff';\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: validColor,\n\t\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\toutline: isOpen ? '2px solid #007cba' : 'none',\n\t\t\t\t\t\t\toutlineOffset: '2px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label=\"Open color picker\"\n\t\t\t\t\t/>\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div style={ { padding: '16px' } }>\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tcolor={ colord( validColor ) }\n\t\t\t\t\t\tonChange={ onColorChange }\n\t\t\t\t\t\tenableAlpha\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nexport default function Color< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, description, setValue } = field;\n\tconst value = field.getValue( { item: data } ) || '';\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedInputControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\tconst handleColorChange = useCallback(\n\t\t( colorObject: any ) => {\n\t\t\tonChange( setValue( { item: data, value: colorObject.toHex() } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst handleInputChange = useCallback(\n\t\t( newValue: string | undefined ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue || '' } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onValidateControl = useCallback(\n\t\t( newValue: any ) => {\n\t\t\tconst message = field.isValid?.custom?.(\n\t\t\t\tdeepMerge(\n\t\t\t\t\tdata,\n\t\t\t\t\tsetValue( {\n\t\t\t\t\t\titem: data,\n\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t} ) as Partial< Item >\n\t\t\t\t),\n\t\t\t\tfield\n\t\t\t);\n\n\t\t\tif ( message ) {\n\t\t\t\tsetCustomValidity( {\n\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\tmessage,\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetCustomValidity( undefined );\n\t\t},\n\t\t[ data, field, setValue ]\n\t);\n\n\treturn (\n\t\t<ValidatedInputControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ onValidateControl }\n\t\t\tcustomValidity={ customValidity }\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value }\n\t\t\thelp={ description }\n\t\t\tonChange={ handleInputChange }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\ttype=\"text\"\n\t\t\tprefix={\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ value }\n\t\t\t\t\tonColorChange={ handleColorChange }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAqCK;AAlCL,SAAS,cAAc;AACvB,OAAO,eAAe;AAKtB;AAAA,EACC;AAAA,EACA;AAAA,EACA,2CAA2C;AAAA,OACrC;AACP,SAAS,aAAa,gBAAgB;AAMtC,SAAS,cAAc;AAEvB,MAAM,EAAE,uBAAuB,OAAO,IAAI,OAAQ,WAAY;AAE9D,MAAM,cAAc,CAAE;AAAA,EACrB;AAAA,EACA;AACD,MAGO;AACN,QAAM,aAAa,SAAS,OAAQ,KAAM,EAAE,QAAQ,IAAI,QAAQ;AAEhE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe,CAAE,EAAE,UAAU,OAAO,MACnC,oBAAC,6BAA0B,SAAQ,QAClC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,SAAU;AAAA,UACV,OAAQ;AAAA,YACP,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,SAAS,SAAS,sBAAsB;AAAA,YACxC,eAAe;AAAA,YACf,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,QAAQ;AAAA,UACT;AAAA,UACA,cAAW;AAAA;AAAA,MACZ,GACD;AAAA,MAED,eAAgB,MACf,oBAAC,SAAI,OAAQ,EAAE,SAAS,OAAO,GAC9B;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,OAAQ,UAAW;AAAA,UAC3B,UAAW;AAAA,UACX,aAAW;AAAA;AAAA,MACZ,GACD;AAAA;AAAA,EAEF;AAEF;AAEe,SAAR,MAAgC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAkC;AACjC,QAAM,EAAE,OAAO,aAAa,aAAa,SAAS,IAAI;AACtD,QAAM,QAAQ,MAAM,SAAU,EAAE,MAAM,KAAK,CAAE,KAAK;AAClD,QAAM,CAAE,gBAAgB,iBAAkB,IACzC,SAIG,MAAU;AAEd,QAAM,oBAAoB;AAAA,IACzB,CAAE,gBAAsB;AACvB,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,MAAM,EAAE,CAAE,CAAE;AAAA,IAClE;AAAA,IACA,CAAE,MAAM,UAAU,QAAS;AAAA,EAC5B;AAEA,QAAM,oBAAoB;AAAA,IACzB,CAAE,aAAkC;AACnC,eAAU,SAAU,EAAE,MAAM,MAAM,OAAO,YAAY,GAAG,CAAE,CAAE;AAAA,IAC7D;AAAA,IACA,CAAE,MAAM,UAAU,QAAS;AAAA,EAC5B;AAEA,QAAM,oBAAoB;AAAA,IACzB,CAAE,aAAmB;AACpB,YAAM,UAAU,MAAM,SAAS;AAAA,QAC9B;AAAA,UACC;AAAA,UACA,SAAU;AAAA,YACT,MAAM;AAAA,YACN,OAAO;AAAA,UACR,CAAE;AAAA,QACH;AAAA,QACA;AAAA,MACD;AAEA,UAAK,SAAU;AACd,0BAAmB;AAAA,UAClB,MAAM;AAAA,UACN;AAAA,QACD,CAAE;AACF;AAAA,MACD;AAEA,wBAAmB,MAAU;AAAA,IAC9B;AAAA,IACA,CAAE,MAAM,OAAO,QAAS;AAAA,EACzB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAC,CAAE,MAAM,SAAS;AAAA,MAC7B,YAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAO;AAAA,MACP,UAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,QACC;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ;AAAA,UACR,eAAgB;AAAA;AAAA,MACjB;AAAA;AAAA,EAEF;AAEF;",
+  "names": []
+}