@wordpress/components 17.0.0 → 19.0.2

package/build/toggle-group-control/toggle-group-control-context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-context.ts"],"names":["ToggleGroupControlContext","useToggleGroupControlContext"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAQA,MAAMA,yBAAyB,GAAG,4BACjC,EADiC,CAAlC;;AAGO,MAAMC,4BAA4B,GAAG,MAC3C,yBAAYD,yBAAZ,CADM;;;eAEQA,yB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlContextProps } from './types';\n\nconst ToggleGroupControlContext = createContext(\n\t{} as ToggleGroupControlContextProps\n);\nexport const useToggleGroupControlContext = () =>\n\tuseContext( ToggleGroupControlContext );\nexport default ToggleGroupControlContext;\n"]}

package/build/toggle-group-control/toggle-group-control-option.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _compose = require("@wordpress/compose");
-
-var _context = require("../ui/context");
-
-var _toggleGroupControlButton = _interopRequireDefault(require("./toggle-group-control-button"));
-
-var _toggleGroupControlContext = require("./toggle-group-control-context");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function getShowSeparator(toggleGroupControlContext, index) {
-  var _items$index, _items;
-
-  const {
-    currentId,
-    items
-  } = toggleGroupControlContext;
-  const isLast = index === items.length - 1;
-  const isActive = ((_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.id) === currentId;
-  const isNextActive = ((_items = items[index + 1]) === null || _items === void 0 ? void 0 : _items.id) === currentId;
-  let showSeparator = true;
-
-  if (items.length < 3) {
-    showSeparator = false;
-  }
-
-  if (isActive || isNextActive || isLast) {
-    showSeparator = false;
-  }
-
-  return showSeparator;
-}
-
-function ToggleGroupControlOption(props, forwardedRef) {
-  const toggleGroupControlContext = (0, _toggleGroupControlContext.useToggleGroupControlContext)();
-  const id = (0, _compose.useInstanceId)(ToggleGroupControlOption, toggleGroupControlContext.baseId || 'toggle-group-control-option');
-  const buttonProps = (0, _context.useContextSystem)({ ...props,
-    id
-  }, 'ToggleGroupControlOption');
-  const index = toggleGroupControlContext.items.findIndex(item => item.id === buttonProps.id);
-  const showSeparator = getShowSeparator(toggleGroupControlContext, index);
-  return (0, _element.createElement)(_toggleGroupControlButton.default, (0, _extends2.default)({
-    ref: forwardedRef
-  }, toggleGroupControlContext, buttonProps, {
-    showSeparator
-  }));
-}
-
-var _default = (0, _context.contextConnect)(ToggleGroupControlOption, 'ToggleGroupControlOption');
-
-exports.default = _default;
-//# sourceMappingURL=toggle-group-control-option.js.map

package/build/toggle-group-control/toggle-group-control-option.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option.tsx"],"names":["getShowSeparator","toggleGroupControlContext","index","currentId","items","isLast","length","isActive","id","isNextActive","showSeparator","ToggleGroupControlOption","props","forwardedRef","baseId","buttonProps","findIndex","item"],"mappings":";;;;;;;;;;;;;AAIA;;AAKA;;AAKA;;AAKA;;AAnBA;AACA;AACA;;AAIA;AACA;AACA;AAaA,SAASA,gBAAT,CACCC,yBADD,EAECC,KAFD,EAGE;AAAA;;AACD,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAuBH,yBAA7B;AACA,QAAMI,MAAM,GAAGH,KAAK,KAAKE,KAAK,CAACE,MAAN,GAAe,CAAxC;AACA,QAAMC,QAAQ,GAAG,iBAAAH,KAAK,CAAEF,KAAF,CAAL,8DAAgBM,EAAhB,MAAuBL,SAAxC;AACA,QAAMM,YAAY,GAAG,WAAAL,KAAK,CAAEF,KAAK,GAAG,CAAV,CAAL,kDAAoBM,EAApB,MAA2BL,SAAhD;AAEA,MAAIO,aAAa,GAAG,IAApB;;AAEA,MAAKN,KAAK,CAACE,MAAN,GAAe,CAApB,EAAwB;AACvBI,IAAAA,aAAa,GAAG,KAAhB;AACA;;AAED,MAAKH,QAAQ,IAAIE,YAAZ,IAA4BJ,MAAjC,EAA0C;AACzCK,IAAAA,aAAa,GAAG,KAAhB;AACA;;AAED,SAAOA,aAAP;AACA;;AAED,SAASC,wBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMZ,yBAAyB,GAAG,8DAAlC;AACA,QAAMO,EAAE,GAAG,4BACVG,wBADU,EAEVV,yBAAyB,CAACa,MAA1B,IAAoC,6BAF1B,CAAX;AAIA,QAAMC,WAAW,GAAG,+BACnB,EAAE,GAAGH,KAAL;AAAYJ,IAAAA;AAAZ,GADmB,EAEnB,0BAFmB,CAApB;AAIA,QAAMN,KAAK,GAAGD,yBAAyB,CAACG,KAA1B,CAAgCY,SAAhC,CACXC,IAAF,IAAYA,IAAI,CAACT,EAAL,KAAYO,WAAW,CAACP,EADvB,CAAd;AAGA,QAAME,aAAa,GAAGV,gBAAgB,CAAEC,yBAAF,EAA6BC,KAA7B,CAAtC;AACA,SACC,4BAAC,iCAAD;AACC,IAAA,GAAG,EAAGW;AADP,KAGKZ,yBAHL,EAIKc,WAJL;AAKEL,IAAAA;AALF,KADD;AAUA;;eACc,6BACdC,wBADc,EAEd,0BAFc,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../ui/context';\nimport ToggleGroupControlButton from './toggle-group-control-button';\nimport type {\n\tToggleGroupControlOptionProps,\n\tToggleGroupControlContextProps,\n} from './types';\nimport { useToggleGroupControlContext } from './toggle-group-control-context';\n\nfunction getShowSeparator(\n\ttoggleGroupControlContext: ToggleGroupControlContextProps,\n\tindex: number\n) {\n\tconst { currentId, items } = toggleGroupControlContext;\n\tconst isLast = index === items.length - 1;\n\tconst isActive = items[ index ]?.id === currentId;\n\tconst isNextActive = items[ index + 1 ]?.id === currentId;\n\n\tlet showSeparator = true;\n\n\tif ( items.length < 3 ) {\n\t\tshowSeparator = false;\n\t}\n\n\tif ( isActive || isNextActive || isLast ) {\n\t\tshowSeparator = false;\n\t}\n\n\treturn showSeparator;\n}\n\nfunction ToggleGroupControlOption(\n\tprops: WordPressComponentProps< ToggleGroupControlOptionProps, 'input' >,\n\tforwardedRef: import('react').Ref< any >\n) {\n\tconst toggleGroupControlContext = useToggleGroupControlContext();\n\tconst id = useInstanceId(\n\t\tToggleGroupControlOption,\n\t\ttoggleGroupControlContext.baseId || 'toggle-group-control-option'\n\t);\n\tconst buttonProps = useContextSystem(\n\t\t{ ...props, id },\n\t\t'ToggleGroupControlOption'\n\t);\n\tconst index = toggleGroupControlContext.items.findIndex(\n\t\t( item ) => item.id === buttonProps.id\n\t);\n\tconst showSeparator = getShowSeparator( toggleGroupControlContext, index );\n\treturn (\n\t\t<ToggleGroupControlButton\n\t\t\tref={ forwardedRef }\n\t\t\t{ ...{\n\t\t\t\t...toggleGroupControlContext,\n\t\t\t\t...buttonProps,\n\t\t\t\tshowSeparator,\n\t\t\t} }\n\t\t/>\n\t);\n}\nexport default contextConnect(\n\tToggleGroupControlOption,\n\t'ToggleGroupControlOption'\n);\n"]}

package/build/ui/color-picker/color-display.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/color-display.tsx"],"names":["ValueDisplay","values","map","value","abbreviation","HslDisplay","color","enableAlpha","h","s","l","a","toHsl","Math","floor","round","push","RgbDisplay","r","g","b","toRgb","HexDisplay","colorized","colorWithoutHash","toHex8String","toHexString","slice","toUpperCase","getComponent","colorType","ColorDisplay","copiedColor","setCopiedColor","props","Component","copyRef","toHslString","toRgbString"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n\n/**\n * WordPress dependencies\n */\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { Text } from '../../text';\nimport { Flex, FlexItem } from '../../flex';\nimport { Tooltip } from '../tooltip';\nimport type { ColorType } from './types';\nimport { space } from '../utils/space';\n\ninterface ColorDisplayProps {\n\tcolor: ColorFormats.HSLA;\n\tcolorType: ColorType;\n\tenableAlpha: boolean;\n}\n\ninterface DisplayProps {\n\tcolor: ColorFormats.HSLA;\n\tenableAlpha: boolean;\n}\n\ntype Values = [ number, string ][];\n\ninterface ValueDisplayProps {\n\tvalues: Values;\n}\n\nconst ValueDisplay = ( { values }: ValueDisplayProps ) => (\n\t<>\n\t\t{ values.map( ( [ value, abbreviation ] ) => {\n\t\t\treturn (\n\t\t\t\t<FlexItem key={ abbreviation } isBlock display=\"flex\">\n\t\t\t\t\t<Text color=\"blue\">{ abbreviation }</Text>\n\t\t\t\t\t<Text>{ value }</Text>\n\t\t\t\t</FlexItem>\n\t\t\t);\n\t\t} ) }\n\t</>\n);\n\nconst HslDisplay = ( { color, enableAlpha }: DisplayProps ) => {\n\tconst { h, s, l, a } = colorize( color ).toHsl();\n\n\tconst values: Values = [\n\t\t[ Math.floor( h ), 'H' ],\n\t\t[ Math.round( s * 100 ), 'S' ],\n\t\t[ Math.round( l * 100 ), 'L' ],\n\t];\n\tif ( enableAlpha ) {\n\t\tvalues.push( [ Math.round( a * 100 ), 'A' ] );\n\t}\n\n\treturn <ValueDisplay values={ values } />;\n};\n\nconst RgbDisplay = ( { color, enableAlpha }: DisplayProps ) => {\n\tconst { r, g, b, a } = colorize( color ).toRgb();\n\n\tconst values: Values = [\n\t\t[ r, 'R' ],\n\t\t[ g, 'G' ],\n\t\t[ b, 'B' ],\n\t];\n\n\tif ( enableAlpha ) {\n\t\tvalues.push( [ Math.round( a * 100 ), 'A' ] );\n\t}\n\n\treturn <ValueDisplay values={ values } />;\n};\n\nconst HexDisplay = ( { color, enableAlpha }: DisplayProps ) => {\n\tconst colorized = colorize( color );\n\tconst colorWithoutHash = ( enableAlpha\n\t\t? colorized.toHex8String()\n\t\t: colorized.toHexString()\n\t)\n\t\t.slice( 1 )\n\t\t.toUpperCase();\n\treturn (\n\t\t<FlexItem>\n\t\t\t<Text color=\"blue\">#</Text>\n\t\t\t<Text>{ colorWithoutHash }</Text>\n\t\t</FlexItem>\n\t);\n};\n\nconst getComponent = ( colorType: ColorType ) => {\n\tswitch ( colorType ) {\n\t\tcase 'hsl':\n\t\t\treturn HslDisplay;\n\t\tcase 'rgb':\n\t\t\treturn RgbDisplay;\n\t\tdefault:\n\t\tcase 'hex':\n\t\t\treturn HexDisplay;\n\t}\n};\n\nexport const ColorDisplay = ( {\n\tcolor,\n\tcolorType,\n\tenableAlpha,\n}: ColorDisplayProps ) => {\n\tconst [ copiedColor, setCopiedColor ] = useState< string | null >( null );\n\tconst props = { color, enableAlpha };\n\tconst Component = getComponent( colorType );\n\tconst copyRef = useCopyToClipboard< HTMLDivElement >(\n\t\t() => {\n\t\t\tswitch ( colorType ) {\n\t\t\t\tcase 'hsl': {\n\t\t\t\t\treturn colorize( color ).toHslString();\n\t\t\t\t}\n\t\t\t\tcase 'rgb': {\n\t\t\t\t\treturn colorize( color ).toRgbString();\n\t\t\t\t}\n\t\t\t\tdefault:\n\t\t\t\tcase 'hex': {\n\t\t\t\t\tconst colorized = colorize( color );\n\t\t\t\t\treturn enableAlpha\n\t\t\t\t\t\t? colorized.toHex8String()\n\t\t\t\t\t\t: colorized.toHexString();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t() => setCopiedColor( colorize( color ).toHex8String() )\n\t);\n\treturn (\n\t\t<Tooltip\n\t\t\tcontent={\n\t\t\t\t<Text color=\"white\">\n\t\t\t\t\t{ copiedColor === colorize( color ).toHex8String()\n\t\t\t\t\t\t? __( 'Copied!' )\n\t\t\t\t\t\t: __( 'Copy' ) }\n\t\t\t\t</Text>\n\t\t\t}\n\t\t>\n\t\t\t<Flex justify=\"flex-start\" gap={ space( 1 ) } ref={ copyRef }>\n\t\t\t\t<Component { ...props } />\n\t\t\t</Flex>\n\t\t</Tooltip>\n\t);\n};\n"]}

package/build/ui/color-picker/color-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/color-input.tsx"],"names":["ColorInput","colorType","color","onChange","enableAlpha","props"],"mappings":";;;;;;;;;AAQA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAYO,MAAMA,UAAU,GAAG,CAAE;AAC3BC,EAAAA,SAD2B;AAE3BC,EAAAA,KAF2B;AAG3BC,EAAAA,QAH2B;AAI3BC,EAAAA;AAJ2B,CAAF,KAKF;AACvB,QAAMC,KAAK,GAAG;AAAEH,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA;AAAnB,GAAd;;AACA,UAASH,SAAT;AACC,SAAK,KAAL;AACC,aAAO,4BAAC,kBAAD,EAAeI,KAAf,CAAP;;AACD,SAAK,KAAL;AACC,aAAO,4BAAC,kBAAD,EAAeA,KAAf,CAAP;;AACD;AACA,SAAK,KAAL;AACC,aAAO,4BAAC,kBAAD,EAAeA,KAAf,CAAP;AAPF;AASA,CAhBM","sourcesContent":["/**\n * External dependencies\n */\nimport type { ColorFormats } from 'tinycolor2';\n\n/**\n * Internal dependencies\n */\nimport { RgbInput } from './rgb-input';\nimport { HslInput } from './hsl-input';\nimport { HexInput } from './hex-input';\n\ninterface ColorInputProps {\n\tcolorType: 'hsl' | 'hex' | 'rgb';\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( value: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const ColorInput = ( {\n\tcolorType,\n\tcolor,\n\tonChange,\n\tenableAlpha,\n}: ColorInputProps ) => {\n\tconst props = { color, onChange, enableAlpha };\n\tswitch ( colorType ) {\n\t\tcase 'hsl':\n\t\t\treturn <HslInput { ...props } />;\n\t\tcase 'rgb':\n\t\t\treturn <RgbInput { ...props } />;\n\t\tdefault:\n\t\tcase 'hex':\n\t\t\treturn <HexInput { ...props } />;\n\t}\n};\n"]}

package/build/ui/color-picker/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/component.tsx"],"names":["options","label","value","getSafeColor","color","a","h","s","l","ColorPicker","props","forwardedRef","enableAlpha","colorProp","onChange","defaultValue","copyFormat","divProps","setColor","debouncedSetColor","handleChange","nextValue","safeColor","showInputs","setShowInputs","colorType","setColorType","nextColorType","moreVertical","ConnectedColorPicker"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\nimport type { ColorFormats } from 'tinycolor2';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\nimport { useDebounce } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseContextSystem,\n\tcontextConnect,\n\tWordPressComponentProps,\n} from '../context';\nimport { HStack } from '../../h-stack';\nimport Button from '../../button';\nimport { Spacer } from '../../spacer';\nimport { ColorfulWrapper, SelectControl } from './styles';\nimport { ColorDisplay } from './color-display';\nimport { ColorInput } from './color-input';\nimport { Picker } from './picker';\nimport { useControlledValue } from '../../utils/hooks';\n\nimport type { ColorType } from './types';\n\nexport interface ColorPickerProps {\n\tenableAlpha?: boolean;\n\tcolor?: ColorFormats.HSL | ColorFormats.HSLA;\n\tonChange?: ( color: ColorFormats.HSL | ColorFormats.HSLA ) => void;\n\tdefaultValue?: ColorFormats.HSL | ColorFormats.HSLA;\n\tcopyFormat?: ColorType;\n}\n\nconst options = [\n\t{ label: 'RGB', value: 'rgb' as const },\n\t{ label: 'HSL', value: 'hsl' as const },\n\t{ label: 'Hex', value: 'hex' as const },\n];\n\nconst getSafeColor = (\n\tcolor: ColorFormats.HSL | ColorFormats.HSLA | undefined\n): ColorFormats.HSLA => {\n\treturn color ? { a: 1, ...color } : { h: 0, s: 0, l: 100, a: 1 };\n};\n\nconst ColorPicker = (\n\tprops: WordPressComponentProps< ColorPickerProps, 'div', false >,\n\tforwardedRef: Ref< any >\n) => {\n\tconst {\n\t\tenableAlpha = false,\n\t\tcolor: colorProp,\n\t\tonChange,\n\t\tdefaultValue,\n\t\tcopyFormat,\n\t\t...divProps\n\t} = useContextSystem( props, 'ColorPicker' );\n\n\tconst [ color, setColor ] = useControlledValue( {\n\t\tonChange,\n\t\tvalue: colorProp,\n\t\tdefaultValue,\n\t} );\n\n\t// Debounce to prevent rapid changes from conflicting with one another.\n\tconst debouncedSetColor = useDebounce( setColor );\n\n\tconst handleChange = (\n\t\tnextValue: ColorFormats.HSLA | ColorFormats.HSL\n\t) => {\n\t\tdebouncedSetColor( nextValue );\n\t};\n\n\t// Use a safe default value for the color and remove the possibility of `undefined`.\n\tconst safeColor = getSafeColor( color );\n\n\tconst [ showInputs, setShowInputs ] = useState< boolean >( false );\n\tconst [ colorType, setColorType ] = useState< ColorType >(\n\t\tcopyFormat || 'hex'\n\t);\n\n\treturn (\n\t\t<ColorfulWrapper ref={ forwardedRef } { ...divProps }>\n\t\t\t<Picker\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tcolor={ safeColor }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t/>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t{ showInputs ? (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\tvalue={ colorType }\n\t\t\t\t\t\tonChange={ ( nextColorType ) =>\n\t\t\t\t\t\t\tsetColorType( nextColorType as ColorType )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Color format' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<ColorDisplay\n\t\t\t\t\t\tcolor={ safeColor }\n\t\t\t\t\t\tcolorType={ copyFormat || colorType }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => setShowInputs( ! showInputs ) }\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tisPressed={ showInputs }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowInputs\n\t\t\t\t\t\t\t? __( 'Hide detailed inputs' )\n\t\t\t\t\t\t\t: __( 'Show detailed inputs' )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t<Spacer />\n\t\t\t{ showInputs && (\n\t\t\t\t<ColorInput\n\t\t\t\t\tcolorType={ colorType }\n\t\t\t\t\tcolor={ safeColor }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ColorfulWrapper>\n\t);\n};\n\nconst ConnectedColorPicker = contextConnect( ColorPicker, 'ColorPicker' );\n\nexport default ConnectedColorPicker;\n"]}

package/build/ui/color-picker/hex-input.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HexInput = void 0;
-
-var _element = require("@wordpress/element");
-
-var _tinycolor = _interopRequireDefault(require("tinycolor2"));
-
-var _i18n = require("@wordpress/i18n");
-
-var _text = require("../../text");
-
-var _spacer = require("../../spacer");
-
-var _inputControl = _interopRequireDefault(require("../../input-control"));
-
-var _space = require("../utils/space");
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const HexInput = ({
-  color,
-  onChange,
-  enableAlpha
-}) => {
-  const handleValidate = value => {
-    if (!(0, _tinycolor.default)(value).isValid()) {
-      throw new Error('Invalid hex color input');
-    }
-  };
-
-  const colorized = (0, _tinycolor.default)(color);
-  const value = enableAlpha ? colorized.toHex8String() : colorized.toHexString();
-  return (0, _element.createElement)(_inputControl.default, {
-    __unstableInputWidth: "8em",
-    prefix: (0, _element.createElement)(_spacer.Spacer, {
-      as: _text.Text,
-      marginLeft: (0, _space.space)(2),
-      color: "blue"
-    }, "#"),
-    value: value.slice(1).toUpperCase(),
-    onChange: nextValue => onChange((0, _tinycolor.default)(nextValue).toHsl()),
-    onValidate: handleValidate,
-    maxLength: enableAlpha ? 8 : 6,
-    label: (0, _i18n.__)('Hex color'),
-    hideLabelFromVision: true
-  });
-};
-
-exports.HexInput = HexInput;
-//# sourceMappingURL=hex-input.js.map

package/build/ui/color-picker/hex-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/hex-input.tsx"],"names":["HexInput","color","onChange","enableAlpha","handleValidate","value","isValid","Error","colorized","toHex8String","toHexString","Text","slice","toUpperCase","nextValue","toHsl"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;AACA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAYO,MAAMA,QAAQ,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAAF,KAAuD;AAC9E,QAAMC,cAAc,GAAKC,KAAF,IAAqB;AAC3C,QAAK,CAAE,wBAAUA,KAAV,EAAkBC,OAAlB,EAAP,EAAqC;AACpC,YAAM,IAAIC,KAAJ,CAAW,yBAAX,CAAN;AACA;AACD,GAJD;;AAMA,QAAMC,SAAS,GAAG,wBAAUP,KAAV,CAAlB;AACA,QAAMI,KAAK,GAAGF,WAAW,GACtBK,SAAS,CAACC,YAAV,EADsB,GAEtBD,SAAS,CAACE,WAAV,EAFH;AAIA,SACC,4BAAC,qBAAD;AACC,IAAA,oBAAoB,EAAC,KADtB;AAEC,IAAA,MAAM,EACL,4BAAC,cAAD;AAAQ,MAAA,EAAE,EAAGC,UAAb;AAAoB,MAAA,UAAU,EAAG,kBAAO,CAAP,CAAjC;AAA8C,MAAA,KAAK,EAAC;AAApD,WAHF;AAOC,IAAA,KAAK,EAAGN,KAAK,CAACO,KAAN,CAAa,CAAb,EAAiBC,WAAjB,EAPT;AAQC,IAAA,QAAQ,EAAKC,SAAF,IACVZ,QAAQ,CAAE,wBAAUY,SAAV,EAAsBC,KAAtB,EAAF,CATV;AAWC,IAAA,UAAU,EAAGX,cAXd;AAYC,IAAA,SAAS,EAAGD,WAAW,GAAG,CAAH,GAAO,CAZ/B;AAaC,IAAA,KAAK,EAAG,cAAI,WAAJ,CAbT;AAcC,IAAA,mBAAmB;AAdpB,IADD;AAkBA,CA9BM","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { Text } from '../../text';\nimport { Spacer } from '../../spacer';\nimport InputControl from '../../input-control';\nimport { space } from '../utils/space';\n\ninterface HexInputProps {\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( value: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const HexInput = ( { color, onChange, enableAlpha }: HexInputProps ) => {\n\tconst handleValidate = ( value: string ) => {\n\t\tif ( ! colorize( value ).isValid() ) {\n\t\t\tthrow new Error( 'Invalid hex color input' );\n\t\t}\n\t};\n\n\tconst colorized = colorize( color );\n\tconst value = enableAlpha\n\t\t? colorized.toHex8String()\n\t\t: colorized.toHexString();\n\n\treturn (\n\t\t<InputControl\n\t\t\t__unstableInputWidth=\"8em\"\n\t\t\tprefix={\n\t\t\t\t<Spacer as={ Text } marginLeft={ space( 2 ) } color=\"blue\">\n\t\t\t\t\t#\n\t\t\t\t</Spacer>\n\t\t\t}\n\t\t\tvalue={ value.slice( 1 ).toUpperCase() }\n\t\t\tonChange={ ( nextValue ) =>\n\t\t\t\tonChange( colorize( nextValue ).toHsl() )\n\t\t\t}\n\t\t\tonValidate={ handleValidate }\n\t\t\tmaxLength={ enableAlpha ? 8 : 6 }\n\t\t\tlabel={ __( 'Hex color' ) }\n\t\t\thideLabelFromVision\n\t\t/>\n\t);\n};\n"]}

package/build/ui/color-picker/hsl-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/hsl-input.tsx"],"names":["HslInput","color","onChange","enableAlpha","h","s","l","a","Math","trunc","nextH","nextS","nextL","nextA"],"mappings":";;;;;;;;;AAQA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AASO,MAAMA,QAAQ,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAAF,KAAuD;AAC9E,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,CAAR;AAAWC,IAAAA;AAAX,MAAiBN,KAAvB;AAEA,SACC,qDACC,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,KAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGO,IAAI,CAACC,KAAL,CAAYL,CAAZ,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVR,QAAQ,CAAE;AAAEE,MAAAA,CAAC,EAAEM,KAAL;AAAYL,MAAAA,CAAZ;AAAeC,MAAAA,CAAf;AAAkBC,MAAAA;AAAlB,KAAF;AAPV,IADD,EAWC,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,YAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGF,CAAC,IAAI,CAAL,GAASG,IAAI,CAACC,KAAL,CAAY,MAAMJ,CAAlB,CAAT,GAAiCA,CAL1C;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVT,QAAQ,CAAE;AAAEE,MAAAA,CAAF;AAAKC,MAAAA,CAAC,EAAEM,KAAK,GAAG,GAAhB;AAAqBL,MAAAA,CAArB;AAAwBC,MAAAA;AAAxB,KAAF;AAPV,IAXD,EAqBC,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,WAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGD,CAAC,IAAI,CAAL,GAASE,IAAI,CAACC,KAAL,CAAY,MAAMH,CAAlB,CAAT,GAAiCA,CAL1C;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVV,QAAQ,CAAE;AAAEE,MAAAA,CAAF;AAAKC,MAAAA,CAAL;AAAQC,MAAAA,CAAC,EAAEM,KAAK,GAAG,GAAnB;AAAwBL,MAAAA;AAAxB,KAAF;AAPV,IArBD,EA+BGJ,WAAW,IACZ,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,OAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGK,IAAI,CAACC,KAAL,CAAY,MAAMF,CAAlB,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVX,QAAQ,CAAE;AACTE,MAAAA,CADS;AAETC,MAAAA,CAFS;AAGTC,MAAAA,CAHS;AAITC,MAAAA,CAAC,EAAEM,KAAK,GAAG;AAJF,KAAF;AAPV,IAhCF,CADD;AAmDA,CAtDM","sourcesContent":["/**\n * External dependencies\n */\nimport type { ColorFormats } from 'tinycolor2';\n\n/**\n * Internal dependencies\n */\nimport { InputWithSlider } from './input-with-slider';\n\ninterface HslInputProps {\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( color: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const HslInput = ( { color, onChange, enableAlpha }: HslInputProps ) => {\n\tconst { h, s, l, a } = color;\n\n\treturn (\n\t\t<>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 1 }\n\t\t\t\tmax={ 360 }\n\t\t\t\tlabel=\"Hue\"\n\t\t\t\tabbreviation=\"H\"\n\t\t\t\tvalue={ Math.trunc( h ) }\n\t\t\t\tonChange={ ( nextH: number ) =>\n\t\t\t\t\tonChange( { h: nextH, s, l, a } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 100 }\n\t\t\t\tlabel=\"Saturation\"\n\t\t\t\tabbreviation=\"S\"\n\t\t\t\tvalue={ s <= 1 ? Math.trunc( 100 * s ) : s }\n\t\t\t\tonChange={ ( nextS: number ) =>\n\t\t\t\t\tonChange( { h, s: nextS / 100, l, a } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 100 }\n\t\t\t\tlabel=\"Lightness\"\n\t\t\t\tabbreviation=\"L\"\n\t\t\t\tvalue={ l <= 1 ? Math.trunc( 100 * l ) : l }\n\t\t\t\tonChange={ ( nextL: number ) =>\n\t\t\t\t\tonChange( { h, s, l: nextL / 100, a } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ enableAlpha && (\n\t\t\t\t<InputWithSlider\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t\tlabel=\"Alpha\"\n\t\t\t\t\tabbreviation=\"A\"\n\t\t\t\t\tvalue={ Math.trunc( 100 * a ) }\n\t\t\t\t\tonChange={ ( nextA: number ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\th,\n\t\t\t\t\t\t\ts,\n\t\t\t\t\t\t\tl,\n\t\t\t\t\t\t\ta: nextA / 100,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"]}

package/build/ui/color-picker/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ColorPicker", {
-  enumerable: true,
-  get: function () {
-    return _legacyAdapter.LegacyAdapter;
-  }
-});
-
-var _legacyAdapter = require("./legacy-adapter");
-//# sourceMappingURL=index.js.map

package/build/ui/color-picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { LegacyAdapter as ColorPicker } from './legacy-adapter';\n"]}

package/build/ui/color-picker/input-with-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/input-with-slider.tsx"],"names":["InputWithSlider","min","max","label","abbreviation","onChange","value","HStack","Text"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AARA;AACA;AACA;AAiBO,MAAMA,eAAe,GAAG,CAAE;AAChCC,EAAAA,GADgC;AAEhCC,EAAAA,GAFgC;AAGhCC,EAAAA,KAHgC;AAIhCC,EAAAA,YAJgC;AAKhCC,EAAAA,QALgC;AAMhCC,EAAAA;AANgC,CAAF,KAOF;AAC5B,SACC,4BAAC,cAAD;AAAQ,IAAA,EAAE,EAAGC;AAAb,KACC,4BAAC,sBAAD;AACC,IAAA,oBAAoB,EAAC,KADtB;AAEC,IAAA,GAAG,EAAGN,GAFP;AAGC,IAAA,GAAG,EAAGC,GAHP;AAIC,IAAA,KAAK,EAAGC,KAJT;AAKC,IAAA,mBAAmB,MALpB;AAMC,IAAA,KAAK,EAAGG,KANT;AAOC,IAAA,QAAQ,EAAGD,QAPZ;AAQC,IAAA,MAAM,EACL,4BAAC,cAAD;AAAQ,MAAA,EAAE,EAAGG,UAAb;AAAoB,MAAA,WAAW,EAAG,kBAAO,CAAP,CAAlC;AAA+C,MAAA,KAAK,EAAC;AAArD,OACGJ,YADH,CATF;AAaC,IAAA,cAAc;AAbf,IADD,EAgBC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGD,KADT;AAEC,IAAA,mBAAmB,MAFpB;AAGC,IAAA,GAAG,EAAGF,GAHP;AAIC,IAAA,GAAG,EAAGC,GAJP;AAKC,IAAA,KAAK,EAAGI,KALT;AAMC,IAAA,QAAQ,EAAGD,QANZ;AAOC,IAAA,cAAc,EAAG;AAPlB,IAhBD,CADD;AA4BA,CApCM","sourcesContent":["/**\n * Internal dependencies\n */\nimport NumberControl from '../../number-control';\nimport { HStack } from '../../h-stack';\nimport { Text } from '../../text';\nimport { Spacer } from '../../spacer';\nimport { space } from '../utils/space';\nimport { RangeControl } from './styles';\n\ninterface InputWithSliderProps {\n\tmin: number;\n\tmax: number;\n\tvalue: number;\n\tlabel: string;\n\tabbreviation: string;\n\tonChange: ( value: number ) => void;\n}\n\nexport const InputWithSlider = ( {\n\tmin,\n\tmax,\n\tlabel,\n\tabbreviation,\n\tonChange,\n\tvalue,\n}: InputWithSliderProps ) => {\n\treturn (\n\t\t<Spacer as={ HStack }>\n\t\t\t<NumberControl\n\t\t\t\t__unstableInputWidth=\"5em\"\n\t\t\t\tmin={ min }\n\t\t\t\tmax={ max }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tprefix={\n\t\t\t\t\t<Spacer as={ Text } paddingLeft={ space( 1 ) } color=\"blue\">\n\t\t\t\t\t\t{ abbreviation }\n\t\t\t\t\t</Spacer>\n\t\t\t\t}\n\t\t\t\thideHTMLArrows\n\t\t\t/>\n\t\t\t<RangeControl\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision\n\t\t\t\tmin={ min }\n\t\t\t\tmax={ max }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\twithInputField={ false }\n\t\t\t/>\n\t\t</Spacer>\n\t);\n};\n"]}

package/build/ui/color-picker/legacy-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/legacy-adapter.tsx"],"names":["LegacyAdapter","props"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAMO,MAAMA,aAAa,GAAKC,KAAF,IAAiC;AAC7D,SAAO,4BAAC,kBAAD,EAAkB,4CAAoBA,KAApB,CAAlB,CAAP;AACA,CAFM","sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorPicker from './component';\nimport { useDeprecatedProps } from './use-deprecated-props';\n\ntype LegacyAdapterProps = Parameters< typeof useDeprecatedProps >[ 0 ];\n\nexport const LegacyAdapter = ( props: LegacyAdapterProps ) => {\n\treturn <ColorPicker { ...useDeprecatedProps( props ) } />;\n};\n"]}

package/build/ui/color-picker/picker.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Picker = void 0;
-
-var _element = require("@wordpress/element");
-
-var _reactColorful = require("react-colorful");
-
-/**
- * External dependencies
- */
-const Picker = ({
-  color,
-  enableAlpha,
-  onChange
-}) => {
-  // RC accepts s and l as a range from 0 - 100, whereas tinycolor expects a decimal value representing the percentage
-  // so we need to make sure that we're giving RC the correct color format that it expects
-  const reactColorfulColor = {
-    h: color.h,
-    s: color.s <= 1 ? Math.floor(color.s * 100) : color.s,
-    l: color.l <= 1 ? Math.floor(color.l * 100) : color.l,
-    a: color.a
-  };
-  const Component = enableAlpha ? _reactColorful.HslaColorPicker : _reactColorful.HslColorPicker;
-  return (0, _element.createElement)(Component, {
-    color: reactColorfulColor,
-    onChange: onChange
-  });
-};
-
-exports.Picker = Picker;
-//# sourceMappingURL=picker.js.map

package/build/ui/color-picker/picker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/picker.tsx"],"names":["Picker","color","enableAlpha","onChange","reactColorfulColor","h","s","Math","floor","l","a","Component","HslaColorPicker","HslColorPicker"],"mappings":";;;;;;;;;AAIA;;AAJA;AACA;AACA;AAUO,MAAMA,MAAM,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,WAAT;AAAsBC,EAAAA;AAAtB,CAAF,KAAqD;AAC1E;AACA;AACA,QAAMC,kBAAkB,GAAG;AAC1BC,IAAAA,CAAC,EAAEJ,KAAK,CAACI,CADiB;AAE1BC,IAAAA,CAAC,EAAEL,KAAK,CAACK,CAAN,IAAW,CAAX,GAAeC,IAAI,CAACC,KAAL,CAAYP,KAAK,CAACK,CAAN,GAAU,GAAtB,CAAf,GAA6CL,KAAK,CAACK,CAF5B;AAG1BG,IAAAA,CAAC,EAAER,KAAK,CAACQ,CAAN,IAAW,CAAX,GAAeF,IAAI,CAACC,KAAL,CAAYP,KAAK,CAACQ,CAAN,GAAU,GAAtB,CAAf,GAA6CR,KAAK,CAACQ,CAH5B;AAI1BC,IAAAA,CAAC,EAAIT,KAAF,CAA+BS;AAJR,GAA3B;AAOA,QAAMC,SAAS,GAAGT,WAAW,GAAGU,8BAAH,GAAqBC,6BAAlD;AAEA,SAAO,4BAAC,SAAD;AAAW,IAAA,KAAK,EAAGT,kBAAnB;AAAwC,IAAA,QAAQ,EAAGD;AAAnD,IAAP;AACA,CAbM","sourcesContent":["/**\n * External dependencies\n */\nimport type { ColorFormats } from 'tinycolor2';\nimport { HslColorPicker, HslaColorPicker } from 'react-colorful';\n\ninterface PickerProps {\n\tcolor: ColorFormats.HSL | ColorFormats.HSLA;\n\tenableAlpha: boolean;\n\tonChange: ( nextColor: ColorFormats.HSL | ColorFormats.HSLA ) => void;\n}\n\nexport const Picker = ( { color, enableAlpha, onChange }: PickerProps ) => {\n\t// RC accepts s and l as a range from 0 - 100, whereas tinycolor expects a decimal value representing the percentage\n\t// so we need to make sure that we're giving RC the correct color format that it expects\n\tconst reactColorfulColor = {\n\t\th: color.h,\n\t\ts: color.s <= 1 ? Math.floor( color.s * 100 ) : color.s,\n\t\tl: color.l <= 1 ? Math.floor( color.l * 100 ) : color.l,\n\t\ta: ( color as ColorFormats.HSLA ).a,\n\t};\n\n\tconst Component = enableAlpha ? HslaColorPicker : HslColorPicker;\n\n\treturn <Component color={ reactColorfulColor } onChange={ onChange } />;\n};\n"]}

package/build/ui/color-picker/rgb-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/rgb-input.tsx"],"names":["RgbInput","color","onChange","enableAlpha","r","g","b","a","toRgb","nextR","toHsl","nextG","nextB","Math","trunc","nextA"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AASO,MAAMA,QAAQ,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA;AAAnB,CAAF,KAAuD;AAC9E,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,CAAR;AAAWC,IAAAA;AAAX,MAAiB,wBAAUN,KAAV,EAAkBO,KAAlB,EAAvB;AAEA,SACC,qDACC,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,KAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGJ,CALT;AAMC,IAAA,QAAQ,EAAKK,KAAF,IACVP,QAAQ,CAAE,wBAAU;AAAEE,MAAAA,CAAC,EAAEK,KAAL;AAAYJ,MAAAA,CAAZ;AAAeC,MAAAA,CAAf;AAAkBC,MAAAA;AAAlB,KAAV,EAAkCG,KAAlC,EAAF;AAPV,IADD,EAWC,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,OAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGL,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVT,QAAQ,CAAE,wBAAU;AAAEE,MAAAA,CAAF;AAAKC,MAAAA,CAAC,EAAEM,KAAR;AAAeL,MAAAA,CAAf;AAAkBC,MAAAA;AAAlB,KAAV,EAAkCG,KAAlC,EAAF;AAPV,IAXD,EAqBC,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,MAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGJ,CALT;AAMC,IAAA,QAAQ,EAAKM,KAAF,IACVV,QAAQ,CAAE,wBAAU;AAAEE,MAAAA,CAAF;AAAKC,MAAAA,CAAL;AAAQC,MAAAA,CAAC,EAAEM,KAAX;AAAkBL,MAAAA;AAAlB,KAAV,EAAkCG,KAAlC,EAAF;AAPV,IArBD,EA+BGP,WAAW,IACZ,4BAAC,gCAAD;AACC,IAAA,GAAG,EAAG,CADP;AAEC,IAAA,GAAG,EAAG,GAFP;AAGC,IAAA,KAAK,EAAC,OAHP;AAIC,IAAA,YAAY,EAAC,GAJd;AAKC,IAAA,KAAK,EAAGU,IAAI,CAACC,KAAL,CAAYP,CAAC,GAAG,GAAhB,CALT;AAMC,IAAA,QAAQ,EAAKQ,KAAF,IACVb,QAAQ,CACP,wBAAU;AACTE,MAAAA,CADS;AAETC,MAAAA,CAFS;AAGTC,MAAAA,CAHS;AAITC,MAAAA,CAAC,EAAEQ,KAAK,GAAG;AAJF,KAAV,EAKIL,KALJ,EADO;AAPV,IAhCF,CADD;AAqDA,CAxDM","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n\n/**\n * Internal dependencies\n */\nimport { InputWithSlider } from './input-with-slider';\n\ninterface RgbInputProps {\n\tcolor: ColorFormats.HSLA;\n\tonChange: ( color: ColorFormats.HSLA ) => void;\n\tenableAlpha: boolean;\n}\n\nexport const RgbInput = ( { color, onChange, enableAlpha }: RgbInputProps ) => {\n\tconst { r, g, b, a } = colorize( color ).toRgb();\n\n\treturn (\n\t\t<>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 255 }\n\t\t\t\tlabel=\"Red\"\n\t\t\t\tabbreviation=\"R\"\n\t\t\t\tvalue={ r }\n\t\t\t\tonChange={ ( nextR: number ) =>\n\t\t\t\t\tonChange( colorize( { r: nextR, g, b, a } ).toHsl() )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 255 }\n\t\t\t\tlabel=\"Green\"\n\t\t\t\tabbreviation=\"G\"\n\t\t\t\tvalue={ g }\n\t\t\t\tonChange={ ( nextG: number ) =>\n\t\t\t\t\tonChange( colorize( { r, g: nextG, b, a } ).toHsl() )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<InputWithSlider\n\t\t\t\tmin={ 0 }\n\t\t\t\tmax={ 255 }\n\t\t\t\tlabel=\"Blue\"\n\t\t\t\tabbreviation=\"B\"\n\t\t\t\tvalue={ b }\n\t\t\t\tonChange={ ( nextB: number ) =>\n\t\t\t\t\tonChange( colorize( { r, g, b: nextB, a } ).toHsl() )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ enableAlpha && (\n\t\t\t\t<InputWithSlider\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t\tlabel=\"Alpha\"\n\t\t\t\t\tabbreviation=\"A\"\n\t\t\t\t\tvalue={ Math.trunc( a * 100 ) }\n\t\t\t\t\tonChange={ ( nextA: number ) =>\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tcolorize( {\n\t\t\t\t\t\t\t\tr,\n\t\t\t\t\t\t\t\tg,\n\t\t\t\t\t\t\t\tb,\n\t\t\t\t\t\t\t\ta: nextA / 100,\n\t\t\t\t\t\t\t} ).toHsl()\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"]}

package/build/ui/color-picker/styles.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorfulWrapper = exports.RangeControl = exports.SelectControl = void 0;
-
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _selectControl = _interopRequireDefault(require("../../select-control"));
-
-var _rangeControl = _interopRequireDefault(require("../../range-control"));
-
-var _baseControlStyles = require("../../base-control/styles/base-control-styles");
-
-var _space = require("../utils/space");
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const SelectControl = ( /*#__PURE__*/0, _base.default)(_selectControl.default, process.env.NODE_ENV === "production" ? {
-  target: "e1a3aqfc2"
-} : {
-  target: "e1a3aqfc2",
-  label: "SelectControl"
-})(process.env.NODE_ENV === "production" ? {
-  name: "w1axdp",
-  styles: "width:5em"
-} : {
-  name: "w1axdp",
-  styles: "width:5em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFheUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91aS9jb2xvci1waWNrZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgSW5uZXJTZWxlY3RDb250cm9sIGZyb20gJy4uLy4uL3NlbGVjdC1jb250cm9sJztcbmltcG9ydCBJbm5lclJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCB7IFN0eWxlZEZpZWxkIH0gZnJvbSAnLi4vLi4vYmFzZS1jb250cm9sL3N0eWxlcy9iYXNlLWNvbnRyb2wtc3R5bGVzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Q29udHJvbCA9IHN0eWxlZCggSW5uZXJTZWxlY3RDb250cm9sIClgXG5cdHdpZHRoOiA1ZW07XG5gO1xuXG5leHBvcnQgY29uc3QgUmFuZ2VDb250cm9sID0gc3R5bGVkKCBJbm5lclJhbmdlQ29udHJvbCApYFxuXHRmbGV4OiAxO1xuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2xvcmZ1bFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMjE2cHg7XG5cblx0LnJlYWN0LWNvbG9yZnVsIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogMjE2cHg7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19zYXR1cmF0aW9uIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGhlaWdodDogMjE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmU7XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX2h1ZSxcblx0LnJlYWN0LWNvbG9yZnVsX19hbHBoYSB7XG5cdFx0d2lkdGg6IDE4NHB4O1xuXHRcdGhlaWdodDogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fcG9pbnRlciB7XG5cdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdHdpZHRoOiAxNnB4O1xuXHR9XG5cblx0JHsgU3R5bGVkRmllbGQgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.SelectControl = SelectControl;
-const RangeControl = ( /*#__PURE__*/0, _base.default)(_rangeControl.default, process.env.NODE_ENV === "production" ? {
-  target: "e1a3aqfc1"
-} : {
-  target: "e1a3aqfc1",
-  label: "RangeControl"
-})("flex:1;", _baseControlStyles.StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVEIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi8uLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uLy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENvbnRyb2wgPSBzdHlsZWQoIElubmVyU2VsZWN0Q29udHJvbCApYFxuXHR3aWR0aDogNWVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblxuXHQkeyBTdHlsZWRGaWVsZCB9IHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JmdWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0fVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG4iXX0= */"));
-exports.RangeControl = RangeControl;
-const ColorfulWrapper = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1a3aqfc0"
-} : {
-  target: "e1a3aqfc0",
-  label: "ColorfulWrapper"
-})("width:216px;.react-colorful{display:flex;flex-direction:column;align-items:center;width:216px;height:auto;}.react-colorful__saturation{width:100%;border-radius:0;height:216px;margin-bottom:", (0, _space.space)(4), ";border-bottom:none;}.react-colorful__hue,.react-colorful__alpha{width:184px;height:16px;border-radius:16px;margin-bottom:", (0, _space.space)(2), ";}.react-colorful__pointer{height:16px;width:16px;}", _baseControlStyles.StyledField, "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvY29sb3ItcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IElubmVyU2VsZWN0Q29udHJvbCBmcm9tICcuLi8uLi9zZWxlY3QtY29udHJvbCc7XG5pbXBvcnQgSW5uZXJSYW5nZUNvbnRyb2wgZnJvbSAnLi4vLi4vcmFuZ2UtY29udHJvbCc7XG5pbXBvcnQgeyBTdHlsZWRGaWVsZCB9IGZyb20gJy4uLy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENvbnRyb2wgPSBzdHlsZWQoIElubmVyU2VsZWN0Q29udHJvbCApYFxuXHR3aWR0aDogNWVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJhbmdlQ29udHJvbCA9IHN0eWxlZCggSW5uZXJSYW5nZUNvbnRyb2wgKWBcblx0ZmxleDogMTtcblxuXHQkeyBTdHlsZWRGaWVsZCB9IHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sb3JmdWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDIxNnB4O1xuXG5cdC5yZWFjdC1jb2xvcmZ1bCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0d2lkdGg6IDIxNnB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuXG5cdC5yZWFjdC1jb2xvcmZ1bF9fc2F0dXJhdGlvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRoZWlnaHQ6IDIxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRib3JkZXItYm90dG9tOiBub25lO1xuXHR9XG5cblx0LnJlYWN0LWNvbG9yZnVsX19odWUsXG5cdC5yZWFjdC1jb2xvcmZ1bF9fYWxwaGEge1xuXHRcdHdpZHRoOiAxODRweDtcblx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5cdH1cblxuXHQucmVhY3QtY29sb3JmdWxfX3BvaW50ZXIge1xuXHRcdGhlaWdodDogMTZweDtcblx0XHR3aWR0aDogMTZweDtcblx0fVxuXG5cdCR7IFN0eWxlZEZpZWxkIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdH1cbmA7XG4iXX0= */"));
-exports.ColorfulWrapper = ColorfulWrapper;
-//# sourceMappingURL=styles.js.map

package/build/ui/color-picker/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/styles.ts"],"names":["SelectControl","InnerSelectControl","RangeControl","InnerRangeControl","StyledField","ColorfulWrapper"],"mappings":";;;;;;;;;;;AAQA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,aAAa,GAAG,iCAAQC,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAnB;;AAIA,MAAMC,YAAY,GAAG,iCAAQC,qBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,YAGrBC,8BAHqB,89DAAlB;;AAQA,MAAMC,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,oMAeR,kBAAO,CAAP,CAfQ,gIAwBR,kBAAO,CAAP,CAxBQ,yDAgCxBD,8BAhCwB,89DAArB","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport InnerSelectControl from '../../select-control';\nimport InnerRangeControl from '../../range-control';\nimport { StyledField } from '../../base-control/styles/base-control-styles';\nimport { space } from '../utils/space';\n\nexport const SelectControl = styled( InnerSelectControl )`\n\twidth: 5em;\n`;\n\nexport const RangeControl = styled( InnerRangeControl )`\n\tflex: 1;\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const ColorfulWrapper = styled.div`\n\twidth: 216px;\n\n\t.react-colorful {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\twidth: 216px;\n\t\theight: auto;\n\t}\n\n\t.react-colorful__saturation {\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t\theight: 216px;\n\t\tmargin-bottom: ${ space( 4 ) };\n\t\tborder-bottom: none;\n\t}\n\n\t.react-colorful__hue,\n\t.react-colorful__alpha {\n\t\twidth: 184px;\n\t\theight: 16px;\n\t\tborder-radius: 16px;\n\t\tmargin-bottom: ${ space( 2 ) };\n\t}\n\n\t.react-colorful__pointer {\n\t\theight: 16px;\n\t\twidth: 16px;\n\t}\n\n\t${ StyledField } {\n\t\tmargin-bottom: 0;\n\t}\n`;\n"]}

package/build/ui/color-picker/types.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=types.js.map

package/build/ui/color-picker/use-deprecated-props.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/color-picker/use-deprecated-props.ts"],"names":["isLegacyProps","props","onChangeComplete","color","hex","getColorFromLegacyProps","toHsl","hsl","toHsv","h","s","v","a","Math","round","transformHslToLegacyColor","hsla","rawHex","toHex","rgb","toRgb","hsv","isTransparent","source","oldHue","useDeprecatedProps","onChange","enableAlpha","disableAlpha"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport colorize, { ColorFormats } from 'tinycolor2';\n// eslint-disable-next-line no-restricted-imports\nimport type { ComponentProps } from 'react';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type ColorPicker from './component';\n\ntype ColorPickerProps = ComponentProps< typeof ColorPicker >;\n\n/**\n * @deprecated\n */\ntype LegacyColor =\n\t| string\n\t| {\n\t\t\tcolor: colorize.Instance;\n\t\t\thex: string;\n\t\t\thsl: ColorFormats.HSL | ColorFormats.HSLA;\n\t\t\thsv: ColorFormats.HSV | ColorFormats.HSVA;\n\t\t\trgb: ColorFormats.RGB | ColorFormats.RGBA;\n\t\t\t/**\n\t\t\t * @deprecated\n\t\t\t */\n\t\t\toldHue: number;\n\t\t\t/**\n\t\t\t * @deprecated\n\t\t\t */\n\t\t\tsource: 'hex';\n\t  };\n\n/**\n * @deprecated\n */\nexport interface LegacyProps {\n\tcolor: LegacyColor;\n\t/**\n\t * @deprecated\n\t */\n\tonChangeComplete: ( colors: LegacyColor ) => void;\n\t/**\n\t * @deprecated\n\t */\n\toldHue: string;\n\tclassName: string;\n\t/**\n\t * @deprecated\n\t */\n\tdisableAlpha: boolean;\n}\n\nfunction isLegacyProps( props: any ): props is LegacyProps {\n\treturn (\n\t\ttypeof props.onChangeComplete !== 'undefined' ||\n\t\ttypeof props.color === 'string' ||\n\t\ttypeof props.color?.hex === 'string'\n\t);\n}\n\nfunction getColorFromLegacyProps(\n\tprops: LegacyProps\n): ColorFormats.HSL | ColorFormats.HSLA {\n\tif ( typeof props.color === 'string' ) {\n\t\treturn colorize( props.color ).toHsl();\n\t}\n\n\treturn props.color.hsl;\n}\n\nfunction toHsv(\n\tcolor: colorize.Instance\n): ColorFormats.HSV | ColorFormats.HSVA {\n\tconst { h, s, v, a } = color.toHsv();\n\n\treturn {\n\t\th: Math.round( h ),\n\t\ts: Math.round( s * 100 ),\n\t\tv: Math.round( v * 100 ),\n\t\ta,\n\t};\n}\n\nconst transformHslToLegacyColor = memoize(\n\t( hsla: ColorFormats.HSL | ColorFormats.HSLA ): LegacyColor => {\n\t\tconst color = colorize( hsla );\n\t\tconst rawHex = color.toHex();\n\t\tconst rgb = color.toRgb();\n\t\tconst hsv = toHsv( color );\n\t\tconst hsl = hsla;\n\n\t\tconst isTransparent = rawHex === '000000' && rgb.a === 0;\n\n\t\tconst hex = isTransparent ? 'transparent' : `#${ rawHex }`;\n\n\t\treturn {\n\t\t\tcolor,\n\t\t\thex,\n\t\t\trgb,\n\t\t\thsv,\n\t\t\thsl,\n\t\t\tsource: 'hex',\n\t\t\toldHue: hsl.h,\n\t\t};\n\t}\n);\n\nexport function useDeprecatedProps(\n\tprops: LegacyProps | ColorPickerProps\n): ColorPickerProps {\n\tconst onChange = useCallback(\n\t\t( hsla: ColorFormats.HSL | ColorFormats.HSLA ) => {\n\t\t\tif ( isLegacyProps( props ) ) {\n\t\t\t\treturn props.onChangeComplete(\n\t\t\t\t\ttransformHslToLegacyColor( hsla )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn props.onChange?.( hsla );\n\t\t},\n\t\t[\n\t\t\t( props as LegacyProps ).onChangeComplete,\n\t\t\t( props as ColorPickerProps ).onChange,\n\t\t]\n\t);\n\n\tconst color = useMemo( () => {\n\t\treturn isLegacyProps( props )\n\t\t\t? getColorFromLegacyProps( props )\n\t\t\t: props.color;\n\t}, [ props.color ] );\n\n\tconst enableAlpha = useMemo( () => {\n\t\treturn isLegacyProps( props )\n\t\t\t? ! props.disableAlpha\n\t\t\t: props.enableAlpha;\n\t}, [\n\t\t( props as LegacyProps ).disableAlpha,\n\t\t( props as ColorPickerProps ).enableAlpha,\n\t] );\n\n\treturn {\n\t\t...( isLegacyProps( props ) ? {} : props ),\n\t\tonChange,\n\t\tcolor,\n\t\tenableAlpha,\n\t};\n}\n"]}

package/build/ui/utils/create-component.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createComponent = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _context = require("../context");
-
-var _view = require("../../view");
-
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * Internal dependencies
- */
-
-/**
- * Factory that creates a React component from a hook
- *
- * @param  options
- * @param  options.as      The element to render for the component.
- * @param  options.name    The name of the component.
- * @param  options.useHook The hook to use for the component
- * @param  options.memo    Whether to memo the component.
- * @return A polymorphic component that uses the hook to process props.
- */
-const createComponent = ({
-  as,
-  name,
-  useHook,
-  memo = false
-}) => {
-  function Component(props, forwardedRef) {
-    const otherProps = useHook(props);
-    return (0, _element.createElement)(_view.View, (0, _extends2.default)({
-      as: as || 'div'
-    }, otherProps, {
-      ref: forwardedRef
-    }));
-  }
-
-  Component.displayName = name;
-  return (0, _context.contextConnect)(Component, name, {
-    memo
-  });
-};
-
-exports.createComponent = createComponent;
-//# sourceMappingURL=create-component.js.map

package/build/ui/utils/create-component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/ui/utils/create-component.tsx"],"names":["createComponent","as","name","useHook","memo","Component","props","forwardedRef","otherProps","displayName"],"mappings":";;;;;;;;;;;;;AAUA;;AAKA;;AAfA;AACA;AACA;AACA;;AAIA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,eAAe,GAAG,CAG5B;AACFC,EAAAA,EADE;AAEFC,EAAAA,IAFE;AAGFC,EAAAA,OAHE;AAIFC,EAAAA,IAAI,GAAG;AAJL,CAH4B,KAQ2B;AACzD,WAASC,SAAT,CAAoBC,KAApB,EAA8BC,YAA9B,EAAyD;AACxD,UAAMC,UAAU,GAAGL,OAAO,CAAEG,KAAF,CAA1B;AAEA,WACC,4BAAC,UAAD;AAAM,MAAA,EAAE,EAAGL,EAAE,IAAI;AAAjB,OAA8BO,UAA9B;AAA2C,MAAA,GAAG,EAAGD;AAAjD,OADD;AAGA;;AAEDF,EAAAA,SAAS,CAACI,WAAV,GAAwBP,IAAxB;AAEA,SAAO,6BAAgBG,SAAhB,EAA2BH,IAA3B,EAAiC;AAAEE,IAAAA;AAAF,GAAjC,CAAP;AACA,CApBM","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\nimport type { As } from 'reakit-utils/types';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../context';\nimport type {\n\tWordPressComponentProps,\n\tWordPressComponentFromProps,\n} from '../context';\nimport { View } from '../../view';\n\ninterface Options<\n\tA extends As,\n\tP extends WordPressComponentProps< {}, A, any >\n> {\n\tas: A;\n\tname: string;\n\tuseHook: ( props: P ) => any;\n\tmemo?: boolean;\n}\n\n/**\n * Factory that creates a React component from a hook\n *\n * @param  options\n * @param  options.as      The element to render for the component.\n * @param  options.name    The name of the component.\n * @param  options.useHook The hook to use for the component\n * @param  options.memo    Whether to memo the component.\n * @return A polymorphic component that uses the hook to process props.\n */\nexport const createComponent = <\n\tA extends As,\n\tP extends WordPressComponentProps< {}, A, any >\n>( {\n\tas,\n\tname,\n\tuseHook,\n\tmemo = false,\n}: Options< A, P > ): WordPressComponentFromProps< P > => {\n\tfunction Component( props: P, forwardedRef: Ref< any > ) {\n\t\tconst otherProps = useHook( props );\n\n\t\treturn (\n\t\t\t<View as={ as || 'div' } { ...otherProps } ref={ forwardedRef } />\n\t\t);\n\t}\n\n\tComponent.displayName = name;\n\n\treturn contextConnect( Component, name, { memo } );\n};\n"]}

package/build/utils/hooks/use-jump-step.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * A custom hook that calculates a step value (used by elements like input
- * [type="number"]). This value can be modified based on whether the Shift
- * key is being held down.
- *
- * For example, a shiftStep of 10, and a step of 1...
- * Starting from 10, the next incremented value will be 11.
- *
- * Holding down shift...
- * Starting from 10, the next incremented value will be 20.
- *
- * @param {Object}  props                           Properties for the hook.
- * @param {boolean} [props.isShiftStepEnabled=true] Determines if jumping values with shift is enabled
- * @param {number}  [props.shiftStep=10]            Multiplier to jump by, when holding shift key.
- * @param {number}  [props.step=1]                  Multiplier to jump by, when not-holding shift key.
- *
- * @return {number} The jump step value.
- */
-function useJumpStep({
-  isShiftStepEnabled = true,
-  shiftStep = 10,
-  step = 1
-}) {
-  const [isShiftKey, setIsShiftKey] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
-    /** @type {(event: KeyboardEvent)=>void} */
-    const handleShiftKeyToggle = event => {
-      setIsShiftKey(event.shiftKey);
-    };
-
-    window.addEventListener('keydown', handleShiftKeyToggle);
-    window.addEventListener('keyup', handleShiftKeyToggle);
-    return () => {
-      window.removeEventListener('keydown', handleShiftKeyToggle);
-      window.removeEventListener('keyup', handleShiftKeyToggle);
-    };
-  }, []);
-  const isEnabled = isShiftStepEnabled && isShiftKey;
-  return isEnabled ? shiftStep * step : step;
-}
-
-var _default = useJumpStep;
-exports.default = _default;
-//# sourceMappingURL=use-jump-step.js.map

package/build/utils/hooks/use-jump-step.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-jump-step.js"],"names":["useJumpStep","isShiftStepEnabled","shiftStep","step","isShiftKey","setIsShiftKey","handleShiftKeyToggle","event","shiftKey","window","addEventListener","removeEventListener","isEnabled"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAT,CAAsB;AACrBC,EAAAA,kBAAkB,GAAG,IADA;AAErBC,EAAAA,SAAS,GAAG,EAFS;AAGrBC,EAAAA,IAAI,GAAG;AAHc,CAAtB,EAII;AACH,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgC,uBAAU,KAAV,CAAtC;AAEA,0BAAW,MAAM;AAChB;AACA,UAAMC,oBAAoB,GAAKC,KAAF,IAAa;AACzCF,MAAAA,aAAa,CAAEE,KAAK,CAACC,QAAR,CAAb;AACA,KAFD;;AAIAC,IAAAA,MAAM,CAACC,gBAAP,CAAyB,SAAzB,EAAoCJ,oBAApC;AACAG,IAAAA,MAAM,CAACC,gBAAP,CAAyB,OAAzB,EAAkCJ,oBAAlC;AAEA,WAAO,MAAM;AACZG,MAAAA,MAAM,CAACE,mBAAP,CAA4B,SAA5B,EAAuCL,oBAAvC;AACAG,MAAAA,MAAM,CAACE,mBAAP,CAA4B,OAA5B,EAAqCL,oBAArC;AACA,KAHD;AAIA,GAbD,EAaG,EAbH;AAeA,QAAMM,SAAS,GAAGX,kBAAkB,IAAIG,UAAxC;AAEA,SAAOQ,SAAS,GAAGV,SAAS,GAAGC,IAAf,GAAsBA,IAAtC;AACA;;eAEcH,W","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * A custom hook that calculates a step value (used by elements like input\n * [type=\"number\"]). This value can be modified based on whether the Shift\n * key is being held down.\n *\n * For example, a shiftStep of 10, and a step of 1...\n * Starting from 10, the next incremented value will be 11.\n *\n * Holding down shift...\n * Starting from 10, the next incremented value will be 20.\n *\n * @param {Object}  props                           Properties for the hook.\n * @param {boolean} [props.isShiftStepEnabled=true] Determines if jumping values with shift is enabled\n * @param {number}  [props.shiftStep=10]            Multiplier to jump by, when holding shift key.\n * @param {number}  [props.step=1]                  Multiplier to jump by, when not-holding shift key.\n *\n * @return {number} The jump step value.\n */\nfunction useJumpStep( {\n\tisShiftStepEnabled = true,\n\tshiftStep = 10,\n\tstep = 1,\n} ) {\n\tconst [ isShiftKey, setIsShiftKey ] = useState( false );\n\n\tuseEffect( () => {\n\t\t/** @type {(event: KeyboardEvent)=>void} */\n\t\tconst handleShiftKeyToggle = ( event ) => {\n\t\t\tsetIsShiftKey( event.shiftKey );\n\t\t};\n\n\t\twindow.addEventListener( 'keydown', handleShiftKeyToggle );\n\t\twindow.addEventListener( 'keyup', handleShiftKeyToggle );\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener( 'keydown', handleShiftKeyToggle );\n\t\t\twindow.removeEventListener( 'keyup', handleShiftKeyToggle );\n\t\t};\n\t}, [] );\n\n\tconst isEnabled = isShiftStepEnabled && isShiftKey;\n\n\treturn isEnabled ? shiftStep * step : step;\n}\n\nexport default useJumpStep;\n"]}