@doist/reactist 29.1.0 → 29.1.2

package/es/checkbox-field/checkbox-icon.js

@@ -1,35 +1,95 @@
-import { __rest, __assign } from 'tslib';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 
-var svgPath = {
-    checked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',
-    unchecked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',
-    mixed: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',
-    filled: 'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z',
+const _excluded = ["checked", "indeterminate", "disabled"];
+const svgPath = {
+  checked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',
+  unchecked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',
+  mixed: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',
+  filled: 'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z'
 };
-function getPathKey(_a) {
-    var checked = _a.checked, indeterminate = _a.indeterminate, disabled = _a.disabled;
-    if (indeterminate) {
-        return 'mixed'; // indeterminate, when true, overrides the checked state
-    }
-    if (checked) {
-        return 'checked';
-    }
-    // We only used 'filled' when unchecked AND disabled, because the default unchecked icon
-    // is not enough to convey the disabled state with opacity alone. For all other cases
-    // above, when disabled, we use the same icon the corresponds to that state, and the
-    // opacity conveys the fact that the checkbox is disabled.
-    // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390
-    if (disabled) {
-        return 'filled';
-    }
-    return 'unchecked';
+function getPathKey({
+  checked,
+  indeterminate,
+  disabled
+}) {
+  if (indeterminate) {
+    return 'mixed'; // indeterminate, when true, overrides the checked state
+  }
+  if (checked) {
+    return 'checked';
+  }
+
+  // We only used 'filled' when unchecked AND disabled, because the default unchecked icon
+  // is not enough to convey the disabled state with opacity alone. For all other cases
+  // above, when disabled, we use the same icon the corresponds to that state, and the
+  // opacity conveys the fact that the checkbox is disabled.
+  // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390
+  if (disabled) {
+    return 'filled';
+  }
+  return 'unchecked';
 }
-function CheckboxIcon(_a) {
-    var checked = _a.checked, indeterminate = _a.indeterminate, disabled = _a.disabled, props = __rest(_a, ["checked", "indeterminate", "disabled"]);
-    var pathKey = getPathKey({ checked: checked, indeterminate: indeterminate, disabled: disabled });
-    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-        React.createElement("path", { fill: "currentColor", fillRule: "nonzero", d: svgPath[pathKey] })));
+function CheckboxIcon(t0) {
+  const $ = c(10);
+  let checked;
+  let disabled;
+  let indeterminate;
+  let props;
+  if ($[0] !== t0) {
+    var _t = t0;
+    ({
+      checked,
+      indeterminate,
+      disabled
+    } = _t);
+    props = _objectWithoutProperties(_t, _excluded);
+    $[0] = t0;
+    $[1] = checked;
+    $[2] = disabled;
+    $[3] = indeterminate;
+    $[4] = props;
+  } else {
+    checked = $[1];
+    disabled = $[2];
+    indeterminate = $[3];
+    props = $[4];
+  }
+  const pathKey = getPathKey({
+    checked,
+    indeterminate,
+    disabled
+  });
+  const t1 = svgPath[pathKey];
+  let t2;
+  if ($[5] !== t1) {
+    t2 = /*#__PURE__*/React.createElement("path", {
+      fill: "currentColor",
+      fillRule: "nonzero",
+      d: t1
+    });
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== props || $[8] !== t2) {
+    t3 = /*#__PURE__*/React.createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24"
+    }, props), t2);
+    $[7] = props;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
 
 export { CheckboxIcon };

package/es/checkbox-field/checkbox-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA,IAAM,OAAO,GAAG;AACZ,IAAA,OAAO,EACH,2LAA2L;AAC/L,IAAA,SAAS,EACL,iJAAiJ;AACrJ,IAAA,KAAK,EAAE,gHAAgH;AACvH,IAAA,MAAM,EAAE,yHAAyH;CAC3H,CAAA;AAQV,SAAS,UAAU,CAAC,EAA2C,EAAA;AAAzC,IAAA,IAAA,OAAO,aAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;IAClD,IAAI,aAAa,EAAE;QACf,OAAO,OAAO,CAAA;KACjB;IAED,IAAI,OAAO,EAAE;AACT,QAAA,OAAO,SAAS,CAAA;KACnB;;;;;;IAOD,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ,CAAA;KAClB;AAED,IAAA,OAAO,WAAW,CAAA;AACtB,CAAC;AAED,SAAS,YAAY,CAAC,EAAqD,EAAA;AAAnD,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAK,KAAK,GAA5C,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,eAAA,EAAA,UAAA,CAA8C,CAAF,CAAA;AAC9D,IAAA,IAAM,OAAO,GAAG,UAAU,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,aAAa,eAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC,CAAA;AAChE,IAAA,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,IACf,KAAK,CAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAI,CAAA,CAClE,EACT;AACL;;;;"}
+{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst svgPath = {\n    checked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',\n    unchecked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',\n    mixed: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',\n    filled: 'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z',\n} as const\n\ntype Props = React.SVGProps<SVGSVGElement> & {\n    checked?: boolean\n    indeterminate?: boolean\n    disabled?: boolean\n}\n\nfunction getPathKey({ checked, indeterminate, disabled }: Props): keyof typeof svgPath {\n    if (indeterminate) {\n        return 'mixed' // indeterminate, when true, overrides the checked state\n    }\n\n    if (checked) {\n        return 'checked'\n    }\n\n    // We only used 'filled' when unchecked AND disabled, because the default unchecked icon\n    // is not enough to convey the disabled state with opacity alone. For all other cases\n    // above, when disabled, we use the same icon the corresponds to that state, and the\n    // opacity conveys the fact that the checkbox is disabled.\n    // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390\n    if (disabled) {\n        return 'filled'\n    }\n\n    return 'unchecked'\n}\n\nfunction CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props) {\n    const pathKey = getPathKey({ checked, indeterminate, disabled })\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path fill=\"currentColor\" fillRule=\"nonzero\" d={svgPath[pathKey]} />\n        </svg>\n    )\n}\n\nexport { CheckboxIcon }\n"],"names":["svgPath","checked","unchecked","mixed","filled","getPathKey","indeterminate","disabled","CheckboxIcon","t0","$","_c","props","_t","_objectWithoutProperties","_excluded","pathKey","t1","t2","React","createElement","fill","fillRule","d","t3","_extends","xmlns","width","height","viewBox"],"mappings":";;;;;;AAEA,MAAMA,OAAO,GAAG;AACZC,EAAAA,OAAO,EACH,2LAA2L;AAC/LC,EAAAA,SAAS,EACL,iJAAiJ;AACrJC,EAAAA,KAAK,EAAE,gHAAgH;AACvHC,EAAAA,MAAM,EAAE,yHAAA;AACZ,CAAU,CAAA;AAQV,SAASC,UAAUA,CAAC;EAAEJ,OAAO;EAAEK,aAAa;AAAEC,EAAAA,QAAAA;AAAgB,CAAC,EAAwB;AACnF,EAAA,IAAID,aAAa,EAAE;AACf,IAAA,OAAO,OAAO,CAAC;AACnB,GAAA;AAEA,EAAA,IAAIL,OAAO,EAAE;AACT,IAAA,OAAO,SAAS,CAAA;AACpB,GAAA;;AAEA;AACA;AACA;AACA;AACA;AACA,EAAA,IAAIM,QAAQ,EAAE;AACV,IAAA,OAAO,QAAQ,CAAA;AACnB,GAAA;AAEA,EAAA,OAAO,WAAW,CAAA;AACtB,CAAA;AAEA,SAAAC,aAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAV,OAAA,CAAA;AAAA,EAAA,IAAAM,QAAA,CAAA;AAAA,EAAA,IAAAD,aAAA,CAAA;AAAA,EAAA,IAAAM,KAAA,CAAA;EAAA,IAAAF,CAAA,QAAAD,EAAA,EAAA;IAAA,IAAAI,EAAA,GAAsBJ,EAAqD,CAAA;AAAA,IAAA,CAAA;MAAAR,OAAA;MAAAK,aAAA;AAAAC,MAAAA,QAAAA;AAAA,KAAA,GAAAM,EAAA,EAAA;AAAAD,IAAAA,KAAA,GAAAE,wBAAA,CAAAD,EAAA,EAAAE,SAAA,CAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAD,EAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAT,OAAA,CAAA;AAAAS,IAAAA,CAAA,MAAAH,QAAA,CAAA;AAAAG,IAAAA,CAAA,MAAAJ,aAAA,CAAA;AAAAI,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAA,GAAA,MAAA;AAAAX,IAAAA,OAAA,GAAAS,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAH,IAAAA,QAAA,GAAAG,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAJ,IAAAA,aAAA,GAAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAE,IAAAA,KAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EACvE,MAAAM,OAAA,GAAgBX,UAAU,CAAC;IAAAJ,OAAA;IAAAK,aAAA;AAAAC,IAAAA,QAAAA;AAAmC,GAAC,CAAC,CAAA;AASR,EAAA,MAAAU,EAAA,GAAAjB,OAAO,CAACgB,OAAO,CAAC,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;EAAA,IAAAR,CAAA,QAAAO,EAAA,EAAA;IAAhEC,EAAA,gBAAAC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAWC,MAAAA,IAAc,EAAd,cAAc;AAAUC,MAAAA,QAAS,EAAT,SAAS;AAAIC,MAAAA,CAAgB,EAAhBN,EAAAA;AAAgB,KAAG,CAAC,CAAA;AAAAP,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAc,EAAA,CAAA;AAAA,EAAA,IAAAd,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,KAAA,IAAAF,CAAA,QAAAQ,EAAA,EAAA;AAPxEM,IAAAA,EAAA,gBAAAL,KAAA,CAAAC,aAAA,QAAAK,QAAA,CAAA;AACUC,MAAAA,KAA4B,EAA5B,4BAA4B;AAC5BC,MAAAA,KAAI,EAAJ,IAAI;AACHC,MAAAA,MAAI,EAAJ,IAAI;AACHC,MAAAA,OAAW,EAAX,WAAA;KACJjB,EAAAA,KAAK,CAETM,EAAAA,EACC,CAAC,CAAA;AAAAR,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAd,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OARNc,EAQM,CAAA;AAAA;;;;"}

package/es/checkbox-field/use-fork-ref.js

@@ -4,13 +4,13 @@ import { useMemo } from 'react';
  * Sets both a function and object React ref.
  */
 function setRef(ref, value) {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref) {
-        ref.current = value;
-    }
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
 }
+
 /**
  * Merges React Refs into a single memoized function ref so you can pass it to an element.
  * @example
@@ -19,20 +19,15 @@ function setRef(ref, value) {
  *   return <div {...props} ref={useForkRef(internalRef, ref)} />;
  * });
  */
-function useForkRef() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return useMemo(function () {
-        if (!refs.some(Boolean))
-            return;
-        return function (value) {
-            refs.forEach(function (ref) { return setRef(ref, value); });
-        };
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    refs);
+function useForkRef(...refs) {
+  return useMemo(() => {
+    if (!refs.some(Boolean)) return;
+    return value => {
+      refs.forEach(ref => setRef(ref, value));
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  refs);
 }
 
 export { useForkRef };

package/es/checkbox-field/use-fork-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;AAEG;AACH,SAAS,MAAM,CACX,GAAwE,EACxE,KAAQ,EAAA;AAER,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC3B,GAAG,CAAC,KAAK,CAAC,CAAA;KACb;SAAM,IAAI,GAAG,EAAE;AACZ,QAAA,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;KACtB;AACL,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,UAAU,GAAA;IAAC,IAA8C,IAAA,GAAA,EAAA,CAAA;SAA9C,IAA8C,EAAA,GAAA,CAAA,EAA9C,EAA8C,GAAA,SAAA,CAAA,MAAA,EAA9C,EAA8C,EAAA,EAAA;QAA9C,IAA8C,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;AAC9D,IAAA,OAAO,OAAO,CACV,YAAA;AACI,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;YAAE,OAAM;AAC/B,QAAA,OAAO,UAAC,KAAc,EAAA;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAlB,EAAkB,CAAC,CAAA;AAC7C,SAAC,CAAA;KACJ;;AAED,IAAA,IAAI,CACP,CAAA;AACL;;;;"}
+{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;AAEA;AACA;AACA;AACA,SAASA,MAAMA,CACXC,GAAwE,EACxEC,KAAQ,EACV;AACE,EAAA,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC3BA,GAAG,CAACC,KAAK,CAAC,CAAA;GACb,MAAM,IAAID,GAAG,EAAE;IACZA,GAAG,CAACE,OAAO,GAAGD,KAAK,CAAA;AACvB,GAAA;AACJ,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAUA,CAAC,GAAGC,IAA2C,EAAE;EAChE,OAAOC,OAAO,CACV,MAAM;AACF,IAAA,IAAI,CAACD,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC,EAAE,OAAA;AACzB,IAAA,OAAQN,KAAc,IAAK;MACvBG,IAAI,CAACI,OAAO,CAAER,GAAG,IAAKD,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;KAC5C,CAAA;GACJ;AACD;AACAG,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}

package/es/columns/columns.js

@@ -1,32 +1,55 @@
-import { __rest, __assign } from 'tslib';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
-import { Box } from '../box/box.js';
 import { polymorphicComponent } from '../utils/polymorphism.js';
 import { getClassNames, mapResponsiveProp } from '../utils/responsive-props.js';
 import modules_67f2d07a from './columns.module.css.js';
+import { Box } from '../box/box.js';
 
-var Column = polymorphicComponent(function Column(_a, ref) {
-    var _b = _a.width, width = _b === void 0 ? 'auto' : _b, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = __rest(_a, ["width", "children", "exceptionallySetClassName"]);
-    return (React.createElement(Box, __assign({}, props, { className: [
-            exceptionallySetClassName,
-            getClassNames(modules_67f2d07a, 'columnWidth', width.replace('/', '-')),
-        ], minWidth: 0, height: "full", flexShrink: width === 'content' ? 0 : undefined, flexGrow: width === 'auto' ? 1 : 0, ref: ref }), children));
+const _excluded = ["width", "children", "exceptionallySetClassName"],
+  _excluded2 = ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"];
+const Column = polymorphicComponent(function Column(_ref, ref) {
+  let {
+      width = 'auto',
+      children,
+      exceptionallySetClassName
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
+    className: [exceptionallySetClassName, getClassNames(modules_67f2d07a, 'columnWidth', width.replace('/', '-'))],
+    minWidth: 0,
+    height: "full",
+    flexShrink: width === 'content' ? 0 : undefined,
+    flexGrow: width === 'auto' ? 1 : 0,
+    ref: ref
+  }), children);
 });
-var Columns = polymorphicComponent(function Columns(_a, ref) {
-    var space = _a.space, _b = _a.align, align = _b === void 0 ? 'left' : _b, _c = _a.alignY, alignY = _c === void 0 ? 'top' : _c, collapseBelow = _a.collapseBelow, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = __rest(_a, ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"]);
-    return (React.createElement(Box, __assign({}, props, { className: [
-            exceptionallySetClassName,
-            modules_67f2d07a.container,
-            getClassNames(modules_67f2d07a, 'container', space),
-        ], display: "flex", gap: space, flexDirection: collapseBelow === 'desktop'
-            ? { mobile: 'column', tablet: 'column', desktop: 'row' }
-            : collapseBelow === 'tablet'
-                ? { mobile: 'column', tablet: 'row' }
-                : 'row', alignItems: mapResponsiveProp(alignY, function (alignY) {
-            return alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY;
-        }), justifyContent: mapResponsiveProp(align, function (align) {
-            return align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align;
-        }), ref: ref }), children));
+const Columns = polymorphicComponent(function Columns(_ref2, ref) {
+  let {
+      space,
+      align = 'left',
+      alignY = 'top',
+      collapseBelow,
+      children,
+      exceptionallySetClassName
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
+    className: [exceptionallySetClassName, modules_67f2d07a.container, getClassNames(modules_67f2d07a, 'container', space)],
+    display: "flex",
+    gap: space,
+    flexDirection: collapseBelow === 'desktop' ? {
+      mobile: 'column',
+      tablet: 'column',
+      desktop: 'row'
+    } : collapseBelow === 'tablet' ? {
+      mobile: 'column',
+      tablet: 'row'
+    } : 'row',
+    alignItems: mapResponsiveProp(alignY, alignY => alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY),
+    justifyContent: mapResponsiveProp(align, align => align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align),
+    ref: ref
+  }), children);
 });
 
 export { Column, Columns };

package/es/columns/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../src/columns/columns.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":";;;;;;;AA6BM,IAAA,MAAM,GAAG,oBAAoB,CAAqB,SAAS,MAAM,CACnE,EAAiE,EACjE,GAAG,EAAA;AADD,IAAA,IAAA,aAAc,EAAd,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAA/D,kDAAiE,CAAF,CAAA;AAG/D,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,eACI,KAAK,EAAA,EACT,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAA,aAAa,CAACA,gBAAM,EAAE,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAChE,SAAA,EACD,QAAQ,EAAE,CAAC,EACX,MAAM,EAAC,MAAM,EACb,UAAU,EAAE,KAAK,KAAK,SAAS,GAAG,CAAC,GAAG,SAAS,EAC/C,QAAQ,EAAE,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,EAClC,GAAG,EAAE,GAAG,KAEP,QAAQ,CACP,EACT;AACL,CAAC,EAAC;AAaI,IAAA,OAAO,GAAG,oBAAoB,CAAsB,SAAS,OAAO,CACtE,EAQC,EACD,GAAG,EAAA;AARC,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,KAAc,EAAd,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACd,EAAc,GAAA,EAAA,CAAA,MAAA,EAAd,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACd,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAPZ,sFAQC,CADW,CAAA;AAIZ,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,eACI,KAAK,EAAA,EACT,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAA,gBAAM,CAAC,SAAS;AAChB,YAAA,aAAa,CAACA,gBAAM,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C,SAAA,EACD,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,KAAK,EACV,aAAa,EACT,aAAa,KAAK,SAAS;AACvB,cAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;cACtD,aAAa,KAAK,QAAQ;kBACxB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;kBACnC,KAAK,EAEjB,UAAU,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAC,MAAM,EAAA;YACzC,OAAA,MAAM,KAAK,KAAK,GAAG,WAAW,GAAG,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;SAAA,CAC5E,EACD,cAAc,EAAE,iBAAiB,CAAC,KAAK,EAAE,UAAC,KAAK,EAAA;YAC3C,OAAA,KAAK,KAAK,MAAM,GAAG,WAAW,GAAG,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG,KAAK,CAAA;SAAA,CACzE,EACD,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACP,EACT;AACL,CAAC;;;;"}
+{"version":3,"file":"columns.js","sources":["../../src/columns/columns.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames, mapResponsiveProp } from '../utils/responsive-props'\n\nimport styles from './columns.module.css'\n\nimport type { ReusableBoxProps } from '../box'\nimport type { Space } from '../utils/common-types'\nimport type { ResponsiveBreakpoints, ResponsiveProp } from '../utils/responsive-props'\n\ntype ColumnWidth =\n    | 'auto'\n    | 'content'\n    | '1/2'\n    | '1/3'\n    | '2/3'\n    | '1/4'\n    | '3/4'\n    | '1/5'\n    | '2/5'\n    | '3/5'\n    | '4/5'\n\ninterface ColumnProps {\n    width?: ColumnWidth\n}\n\nconst Column = polymorphicComponent<'div', ColumnProps>(function Column(\n    { width = 'auto', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                getClassNames(styles, 'columnWidth', width.replace('/', '-')),\n            ]}\n            minWidth={0}\n            height=\"full\"\n            flexShrink={width === 'content' ? 0 : undefined}\n            flexGrow={width === 'auto' ? 1 : 0}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\ntype ColumnsHorizontalAlignment = 'left' | 'center' | 'right'\ntype ColumnsVerticalAlignment = 'top' | 'center' | 'bottom' | 'baseline'\ntype ColumnsCollapseBelow = Exclude<ResponsiveBreakpoints, 'mobile'>\n\ninterface ColumnsProps extends ReusableBoxProps {\n    space?: ResponsiveProp<Space>\n    align?: ResponsiveProp<ColumnsHorizontalAlignment>\n    alignY?: ResponsiveProp<ColumnsVerticalAlignment>\n    collapseBelow?: ResponsiveBreakpoints\n}\n\nconst Columns = polymorphicComponent<'div', ColumnsProps>(function Columns(\n    {\n        space,\n        align = 'left',\n        alignY = 'top',\n        collapseBelow,\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                styles.container,\n                getClassNames(styles, 'container', space),\n            ]}\n            display=\"flex\"\n            gap={space}\n            flexDirection={\n                collapseBelow === 'desktop'\n                    ? { mobile: 'column', tablet: 'column', desktop: 'row' }\n                    : collapseBelow === 'tablet'\n                      ? { mobile: 'column', tablet: 'row' }\n                      : 'row'\n            }\n            alignItems={mapResponsiveProp(alignY, (alignY) =>\n                alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY,\n            )}\n            justifyContent={mapResponsiveProp(align, (align) =>\n                align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align,\n            )}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type {\n    ColumnProps,\n    ColumnsCollapseBelow,\n    ColumnsHorizontalAlignment,\n    ColumnsProps,\n    ColumnsVerticalAlignment,\n    ColumnWidth,\n}\n\nexport { Column, Columns }\n"],"names":["Column","polymorphicComponent","_ref","ref","width","children","exceptionallySetClassName","props","_objectWithoutProperties","_excluded","React","createElement","Box","_extends","className","getClassNames","styles","replace","minWidth","height","flexShrink","undefined","flexGrow","Columns","_ref2","space","align","alignY","collapseBelow","_excluded2","container","display","gap","flexDirection","mobile","tablet","desktop","alignItems","mapResponsiveProp","justifyContent"],"mappings":";;;;;;;;;;AA6BMA,MAAAA,MAAM,GAAGC,oBAAoB,CAAqB,SAASD,MAAMA,CAAAE,IAAA,EAEnEC,GAAG,EACL;EAAA,IAFE;AAAEC,MAAAA,KAAK,GAAG,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,yBAAAA;AAAoC,KAAC,GAAAJ,IAAA;AAAPK,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EAG/D,oBACIC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,KACIN,KAAK,EAAA;AACTO,IAAAA,SAAS,EAAE,CACPR,yBAAyB,EACzBS,aAAa,CAACC,gBAAM,EAAE,aAAa,EAAEZ,KAAK,CAACa,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAC/D;AACFC,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,UAAU,EAAEhB,KAAK,KAAK,SAAS,GAAG,CAAC,GAAGiB,SAAU;AAChDC,IAAAA,QAAQ,EAAElB,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,CAAE;AACnCD,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERE,QACA,CAAC,CAAA;AAEd,CAAC,EAAC;AAaIkB,MAAAA,OAAO,GAAGtB,oBAAoB,CAAsB,SAASsB,OAAOA,CAAAC,KAAA,EAUtErB,GAAG,EACL;EAAA,IAVE;MACIsB,KAAK;AACLC,MAAAA,KAAK,GAAG,MAAM;AACdC,MAAAA,MAAM,GAAG,KAAK;MACdC,aAAa;MACbvB,QAAQ;AACRC,MAAAA,yBAAAA;AAEJ,KAAC,GAAAkB,KAAA;AADMjB,IAAAA,KAAK,GAAAC,wBAAA,CAAAgB,KAAA,EAAAK,UAAA,CAAA,CAAA;EAIZ,oBACInB,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,KACIN,KAAK,EAAA;AACTO,IAAAA,SAAS,EAAE,CACPR,yBAAyB,EACzBU,gBAAM,CAACc,SAAS,EAChBf,aAAa,CAACC,gBAAM,EAAE,WAAW,EAAES,KAAK,CAAC,CAC3C;AACFM,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,GAAG,EAAEP,KAAM;AACXQ,IAAAA,aAAa,EACTL,aAAa,KAAK,SAAS,GACrB;AAAEM,MAAAA,MAAM,EAAE,QAAQ;AAAEC,MAAAA,MAAM,EAAE,QAAQ;AAAEC,MAAAA,OAAO,EAAE,KAAA;AAAM,KAAC,GACtDR,aAAa,KAAK,QAAQ,GACxB;AAAEM,MAAAA,MAAM,EAAE,QAAQ;AAAEC,MAAAA,MAAM,EAAE,KAAA;AAAM,KAAC,GACnC,KACX;IACDE,UAAU,EAAEC,iBAAiB,CAACX,MAAM,EAAGA,MAAM,IACzCA,MAAM,KAAK,KAAK,GAAG,WAAW,GAAGA,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAGA,MACvE,CAAE;IACFY,cAAc,EAAED,iBAAiB,CAACZ,KAAK,EAAGA,KAAK,IAC3CA,KAAK,KAAK,MAAM,GAAG,WAAW,GAAGA,KAAK,KAAK,OAAO,GAAG,SAAS,GAAGA,KACrE,CAAE;AACFvB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERE,QACA,CAAC,CAAA;AAEd,CAAC;;;;"}

package/es/components/color-picker/color-picker.js

@@ -1,56 +1,200 @@
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
+import DeprecatedDropdown from '../deprecated-dropdown/index.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
-import { Dropdown } from '../deprecated-dropdown/dropdown.js';
 
-var COLORS = [
-    '#606060',
-    '#4A90E2',
-    '#03B3B2',
-    '#008299',
-    '#82BA00',
-    '#D24726',
-    '#AC193D',
-    '#DC4FAD',
-    '#3BD5FB',
-    '#74E8D3',
-    '#FFCC00',
-    '#FB886E',
-    '#CCCCCC',
-];
-var _isNamedColor = function (color) {
-    return typeof color !== 'string';
+const COLORS = ['#606060', '#4A90E2', '#03B3B2', '#008299', '#82BA00', '#D24726', '#AC193D', '#DC4FAD', '#3BD5FB', '#74E8D3', '#FFCC00', '#FB886E', '#CCCCCC'];
+const _isNamedColor = color => typeof color !== 'string';
+const _getColor = (colorList, colorIndex) => {
+  const index = colorIndex >= colorList.length ? 0 : colorIndex;
+  return colorList[index];
 };
-var _getColor = function (colorList, colorIndex) {
-    var index = colorIndex >= colorList.length ? 0 : colorIndex;
-    return colorList[index];
-};
-function ColorPicker(_a) {
-    var _b = _a.color, color = _b === void 0 ? 0 : _b, small = _a.small, onChange = _a.onChange, _c = _a.colorList, colorList = _c === void 0 ? COLORS : _c;
-    return (React.createElement(Dropdown.Box, { right: true, className: "reactist_color_picker" },
-        React.createElement(Dropdown.Trigger, null, (function () {
-            var backgroundColor = _getColor(colorList, color);
-            return (React.createElement("span", { className: classNames('color_trigger', { small: small }), style: {
-                    backgroundColor: _isNamedColor(backgroundColor)
-                        ? backgroundColor.color
-                        : backgroundColor,
-                } },
-                React.createElement("span", { className: "color_trigger--inner_ring" })));
-        })()),
-        React.createElement(Dropdown.Body, null,
-            React.createElement("div", { className: "color_options" }, colorList.reduce(function (items, currentColor, currentIndex) {
-                items.push(React.createElement(ColorItem, { isActive: color >= colorList.length
-                        ? currentIndex === 0
-                        : currentIndex === color, key: currentIndex, color: _isNamedColor(currentColor) ? currentColor.color : currentColor, colorIndex: currentIndex, onClick: onChange, tooltip: _isNamedColor(currentColor) ? currentColor.name : null }));
-                return items;
-            }, [])))));
+function ColorPicker(t0) {
+  const $ = c(26);
+  const {
+    color: t1,
+    small,
+    onChange,
+    colorList: t2
+  } = t0;
+  const color = t1 === undefined ? 0 : t1;
+  const colorList = t2 === undefined ? COLORS : t2;
+  let t3;
+  let t4;
+  if ($[0] !== color || $[1] !== colorList || $[2] !== small) {
+    const backgroundColor = _getColor(colorList, color);
+    if ($[5] !== small) {
+      t4 = classNames("color_trigger", {
+        small
+      });
+      $[5] = small;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    t3 = _isNamedColor(backgroundColor) ? backgroundColor.color : backgroundColor;
+    $[0] = color;
+    $[1] = colorList;
+    $[2] = small;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t3 = $[3];
+    t4 = $[4];
+  }
+  let t5;
+  if ($[7] !== t3) {
+    t5 = {
+      backgroundColor: t3
+    };
+    $[7] = t3;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /*#__PURE__*/React.createElement("span", {
+      className: "color_trigger--inner_ring"
+    });
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t4 || $[11] !== t5) {
+    t7 = /*#__PURE__*/React.createElement(DeprecatedDropdown.Trigger, null, /*#__PURE__*/React.createElement("span", {
+      className: t4,
+      style: t5
+    }, t6));
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== color || $[14] !== colorList || $[15] !== onChange) {
+    let t9;
+    if ($[17] !== color || $[18] !== colorList.length || $[19] !== onChange) {
+      t9 = (items, currentColor, currentIndex) => {
+        items.push(/*#__PURE__*/React.createElement(ColorItem, {
+          isActive: color >= colorList.length ? currentIndex === 0 : currentIndex === color,
+          key: currentIndex,
+          color: _isNamedColor(currentColor) ? currentColor.color : currentColor,
+          colorIndex: currentIndex,
+          onClick: onChange,
+          tooltip: _isNamedColor(currentColor) ? currentColor.name : null
+        }));
+        return items;
+      };
+      $[17] = color;
+      $[18] = colorList.length;
+      $[19] = onChange;
+      $[20] = t9;
+    } else {
+      t9 = $[20];
+    }
+    t8 = colorList.reduce(t9, []);
+    $[13] = color;
+    $[14] = colorList;
+    $[15] = onChange;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[21] !== t8) {
+    t9 = /*#__PURE__*/React.createElement(DeprecatedDropdown.Body, null, /*#__PURE__*/React.createElement("div", {
+      className: "color_options"
+    }, t8));
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== t7 || $[24] !== t9) {
+    t10 = /*#__PURE__*/React.createElement(DeprecatedDropdown.Box, {
+      right: true,
+      className: "reactist_color_picker"
+    }, t7, t9);
+    $[23] = t7;
+    $[24] = t9;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  return t10;
 }
 ColorPicker.displayName = 'ColorPicker';
-function ColorItem(_a) {
-    var color = _a.color, colorIndex = _a.colorIndex, isActive = _a.isActive, onClick = _a.onClick, tooltip = _a.tooltip;
-    var item = (React.createElement("span", { "data-testid": "reactist-color-item", className: 'reactist color_item' + (isActive ? ' active' : ''), style: { backgroundColor: color }, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(colorIndex); } },
-        React.createElement("span", { className: "color_item--inner_ring" })));
-    return tooltip ? React.createElement(Tooltip, { content: tooltip }, item) : item;
+function ColorItem(t0) {
+  const $ = c(13);
+  const {
+    color,
+    colorIndex,
+    isActive,
+    onClick,
+    tooltip
+  } = t0;
+  const t1 = "reactist color_item" + (isActive ? " active" : "");
+  let t2;
+  if ($[0] !== color) {
+    t2 = {
+      backgroundColor: color
+    };
+    $[0] = color;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== colorIndex || $[3] !== onClick) {
+    t3 = () => onClick?.(colorIndex);
+    $[2] = colorIndex;
+    $[3] = onClick;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/React.createElement("span", {
+      className: "color_item--inner_ring"
+    });
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+    t5 = /*#__PURE__*/React.createElement("span", {
+      "data-testid": "reactist-color-item",
+      className: t1,
+      style: t2,
+      onClick: t3
+    }, t4);
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const item = t5;
+  let t6;
+  if ($[10] !== item || $[11] !== tooltip) {
+    t6 = tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+      content: tooltip
+    }, item) : item;
+    $[10] = item;
+    $[11] = tooltip;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 }
 ColorItem.displayName = 'ColorItem';
 

package/es/components/color-picker/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":[null],"names":["DeprecatedDropdown","classnames"],"mappings":"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"}
+{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["import './color-picker.less'\n\nimport * as React from 'react'\n\nimport classnames from 'classnames'\n\nimport { Tooltip } from '../../tooltip'\nimport DeprecatedDropdown from '../deprecated-dropdown'\n\ntype NamedColor = { name: string; color: string }\n\nconst COLORS = [\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]\n\nconst _isNamedColor = (color: string | NamedColor | undefined): color is NamedColor =>\n    typeof color !== 'string'\n\nconst _getColor = (colorList: (string | NamedColor)[], colorIndex: number) => {\n    const index = colorIndex >= colorList.length ? 0 : colorIndex\n    return colorList[index]\n}\n\ntype Props = {\n    small?: boolean\n    color?: number\n    onChange?: (color: number) => void\n    colorList?: (string | NamedColor)[]\n}\n\nfunction ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {\n    return (\n        <DeprecatedDropdown.Box right className=\"reactist_color_picker\">\n            <DeprecatedDropdown.Trigger>\n                {(() => {\n                    const backgroundColor = _getColor(colorList, color)\n\n                    return (\n                        <span\n                            className={classnames('color_trigger', { small })}\n                            style={{\n                                backgroundColor: _isNamedColor(backgroundColor)\n                                    ? backgroundColor.color\n                                    : backgroundColor,\n                            }}\n                        >\n                            <span className=\"color_trigger--inner_ring\" />\n                        </span>\n                    )\n                })()}\n            </DeprecatedDropdown.Trigger>\n            <DeprecatedDropdown.Body>\n                <div className=\"color_options\">\n                    {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {\n                        items.push(\n                            <ColorItem\n                                isActive={\n                                    color >= colorList.length\n                                        ? currentIndex === 0\n                                        : currentIndex === color\n                                }\n                                key={currentIndex}\n                                color={\n                                    _isNamedColor(currentColor) ? currentColor.color : currentColor\n                                }\n                                colorIndex={currentIndex}\n                                onClick={onChange}\n                                tooltip={_isNamedColor(currentColor) ? currentColor.name : null}\n                            />,\n                        )\n                        return items\n                    }, [])}\n                </div>\n            </DeprecatedDropdown.Body>\n        </DeprecatedDropdown.Box>\n    )\n}\nColorPicker.displayName = 'ColorPicker'\n\ntype ColorItemProps = {\n    color: string\n    colorIndex: number\n    isActive?: boolean\n    onClick?: (colorIndex: number) => void\n    tooltip?: React.ReactNode\n}\n\nfunction ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps) {\n    const item = (\n        <span\n            data-testid=\"reactist-color-item\"\n            className={'reactist color_item' + (isActive ? ' active' : '')}\n            style={{ backgroundColor: color }}\n            onClick={() => onClick?.(colorIndex)}\n        >\n            <span className=\"color_item--inner_ring\" />\n        </span>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{item}</Tooltip> : item\n}\nColorItem.displayName = 'ColorItem'\n\nexport { ColorItem, ColorPicker, COLORS }\n"],"names":["COLORS","_isNamedColor","color","_getColor","colorList","colorIndex","index","length","ColorPicker","t0","$","_c","t1","small","onChange","t2","undefined","t3","t4","backgroundColor","classnames","t5","t6","Symbol","for","React","createElement","className","t7","DeprecatedDropdown","Trigger","style","t8","t9","items","currentColor","currentIndex","push","ColorItem","isActive","tooltip","name","reduce","Body","t10","Box","right","displayName","onClick","item","Tooltip"],"mappings":"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"}