@m4l/components 9.9.0 → 9.9.1-beta-feature-m4l-components-rhf-image-selector.1

package/components/ImageSelector/hooks/useImageSelector.js

@@ -0,0 +1,279 @@
+import { useEnvironment as De, useNetwork as Re, getPropertyByString as _e } from "@m4l/core";
+import { useRef as E, useState as C, useId as be, useMemo as k, useEffect as re, useCallback as n } from "react";
+import { DEFAULT_TIMEOUT as ye, DEFAULT_RESULT_FIELD as Fe, DEFAULT_PLACEHOLDER_IMAGE_SRC as ve, DEFAULT_PLACEHOLDER_ALT as xe, DEFAULT_MAX_COLUMNS as Ue, DEFAULT_MAX_ROWS as ke, DEFAULT_PRESENTATION_TYPE as Pe, OVERLAY_ICON as Me } from "../constants.js";
+function $e(P) {
+  return {
+    target: {
+      value: P
+    }
+  };
+}
+function Ke(P) {
+  const {
+    value: d,
+    onChange: V,
+    endpoint: w,
+    refetchOnOpen: B = !1,
+    getOptionLabel: se,
+    getOptionImage: oe,
+    isOptionEqualToValue: T,
+    presentationType: u = Pe,
+    imageSize: h,
+    maxColumns: i = Ue,
+    maxRows: g = ke,
+    size: O = "medium",
+    disabled: s = !1,
+    error: I = !1,
+    timeout: L = ye,
+    parms: S,
+    resultField: D = Fe,
+    isExternalUrl: R = !1,
+    isRemote: _ = !0,
+    responseToCamelCase: b,
+    forwardedRef: A,
+    blurHandler: z
+  } = P, { host_static_assets: G, environment_assets: X } = De(), { networkOperation: Y } = Re(), J = E(null), W = E(null), M = E(null), $ = E([]), p = E(null), y = E(!1), [le, F] = C(!1), [r, j] = C(!1), [o, v] = C([]), [Q, Z] = C(!1), [N, ce] = C(null), q = be(), H = k(() => JSON.stringify({
+    endpoint: w,
+    isExternalUrl: R,
+    isRemote: _,
+    parms: S ?? null,
+    responseToCamelCase: b ?? null,
+    resultField: D,
+    timeout: L
+  }), [
+    w,
+    R,
+    _,
+    S,
+    b,
+    D,
+    L
+  ]), ee = u === "grid" || r;
+  if (!w)
+    throw new Error("ImageSelector requires the endpoint prop.");
+  re(() => {
+    if (!ee)
+      return;
+    if (!B && W.current === H && M.current !== null) {
+      F(!1), v(M.current);
+      return;
+    }
+    let e = !1;
+    J.current?.abort();
+    const t = new AbortController();
+    return J.current = t, F(!0), v([]), Y({
+      method: "GET",
+      endPoint: w,
+      timeout: L,
+      isExternalUrl: R,
+      parms: S,
+      responseToCamelCase: b,
+      isRemote: _,
+      signal: t.signal
+    }).then((l) => {
+      if (e)
+        return;
+      const c = _e(l, D), ne = Array.isArray(c) ? c : [];
+      W.current = H, M.current = ne, v(ne), F(!1);
+    }).catch(() => {
+      e || (v([]), F(!1));
+    }), () => {
+      e = !0, t.abort();
+    };
+  }, [
+    w,
+    R,
+    _,
+    Y,
+    S,
+    B,
+    H,
+    b,
+    D,
+    ee,
+    L
+  ]);
+  const f = d != null, ue = f ? oe(d) : `${G}/${X}/${ve}`, ae = f ? se(d) : xe, ie = `${G}/${X}/${Me}`, te = i > 0 && g > 0 && o.length > i * g, fe = k(() => ({
+    disabled: s,
+    error: I,
+    hasValue: f,
+    imageSize: h,
+    isFocused: Q,
+    isOpen: r,
+    maxColumns: i,
+    maxRows: g,
+    presentationType: u,
+    size: O
+  }), [
+    s,
+    I,
+    f,
+    h,
+    Q,
+    i,
+    g,
+    r,
+    u,
+    O
+  ]), de = k(() => ({
+    disabled: s,
+    error: I,
+    hasVerticalScroll: te,
+    imageSize: h,
+    maxColumns: i,
+    maxRows: g,
+    presentationType: u,
+    size: O
+  }), [s, I, te, h, i, g, u, O]), pe = k(() => ({
+    disabled: s,
+    imageSize: h,
+    isOpen: r,
+    isPlaceholder: !f,
+    presentationType: u,
+    size: O
+  }), [s, f, h, r, u, O]), x = n((e = !1) => {
+    if (f) {
+      const t = o.findIndex((l) => T(l, d));
+      if (t >= 0)
+        return t;
+    }
+    return e && o.length > 0 ? o.length - 1 : 0;
+  }, [f, T, o, d]), U = n((e) => {
+    if (o.length === 0)
+      return;
+    const t = Math.max(0, Math.min(e, o.length - 1));
+    $.current[t]?.focus();
+  }, [o.length]), he = n((e) => {
+    if (ce(e), typeof A == "function") {
+      A(e);
+      return;
+    }
+    A && (A.current = e);
+  }, [A]), m = n((e) => {
+    s || (typeof e < "u" && (p.current = e), j(!0));
+  }, [s]), K = n((e = !1) => {
+    const t = e ? "selected-or-last" : "selected-or-first";
+    p.current = t, r && o.length > 0 && (U(x(e)), p.current = null);
+  }, [U, x, r, o.length]), a = n((e = !1) => {
+    p.current = null, y.current = e, j(!1);
+  }, []), ge = n(() => {
+    if (r) {
+      a();
+      return;
+    }
+    m("selected-or-first");
+  }, [a, m, r]), Oe = n(() => {
+    Z(!0);
+  }, []), me = n((e) => {
+    Z(!1), z?.(e);
+  }, [z]), Ee = n((e, t) => {
+    $.current[e] = t;
+    const l = p.current, c = typeof l == "number" ? l : l === null ? null : x(l === "selected-or-last");
+    t && c === e && (p.current = null, t.focus());
+  }, [x]), we = n((e) => {
+    p.current = null;
+  }, []), Ae = n((e) => `${q}-option-${e}`, [q]), Ce = n((e, t) => {
+    if (s || o.length === 0)
+      return;
+    const l = typeof i == "number" && i > 0 ? i : null;
+    let c = null;
+    switch (t.key) {
+      case "ArrowRight":
+        c = e + 1;
+        break;
+      case "ArrowLeft":
+        c = e - 1;
+        break;
+      case "ArrowDown":
+        if (!l)
+          return;
+        c = e + l;
+        break;
+      case "ArrowUp":
+        if (!l)
+          return;
+        c = e - l;
+        break;
+      case "Home":
+        c = 0;
+        break;
+      case "End":
+        c = o.length - 1;
+        break;
+      case "Escape":
+        u === "standard" && (t.preventDefault(), a(!0));
+        return;
+      default:
+        return;
+    }
+    c !== null && (t.preventDefault(), U(c));
+  }, [s, U, a, i, o.length, u]), Te = n((e) => {
+    if (!s)
+      switch (e.key) {
+        case "Enter":
+        case " ": {
+          if (e.preventDefault(), r) {
+            a();
+            return;
+          }
+          m("selected-or-first");
+          return;
+        }
+        case "ArrowDown":
+          if (e.preventDefault(), r) {
+            K();
+            return;
+          }
+          m("selected-or-first");
+          return;
+        case "ArrowUp":
+          if (e.preventDefault(), r) {
+            K(!0);
+            return;
+          }
+          m("selected-or-last");
+          return;
+        case "Escape":
+          e.preventDefault(), a();
+          return;
+        default:
+          return;
+      }
+  }, [s, K, a, m, r]), Ie = n((e) => f ? T(e, d) : !1, [f, T, d]), Le = n((e) => {
+    s || (V?.($e(e), e), u === "standard" && a(!0));
+  }, [s, a, V, u]), Se = n(() => {
+    a();
+  }, [a]);
+  return re(() => {
+    r || ($.current = [], y.current && queueMicrotask(() => {
+      y.current && (y.current = !1, N?.focus());
+    }));
+  }, [r, N]), {
+    getOptionId: Ae,
+    handleBlur: me,
+    handleFocus: Oe,
+    handleKeyDown: Te,
+    handleOptionFocus: we,
+    handleOptionKeyDown: Ce,
+    handleOptionRef: Ee,
+    handlePopoverClose: Se,
+    handleSelect: Le,
+    handleToggle: ge,
+    handleTriggerRef: he,
+    gridOwnerState: de,
+    isOptionSelected: Ie,
+    loading: le,
+    open: r,
+    options: o,
+    optionsListId: q,
+    overlayIconSrc: ie,
+    previewLabel: ae,
+    previewOwnerState: pe,
+    previewSource: ue,
+    rootOwnerState: fe,
+    triggerElement: N
+  };
+}
+export {
+  Ke as useImageSelector
+};

package/components/ImageSelector/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ImageSelector';
+export { getImageSelectorComponentsDictionary } from './dictionary';
+export type { ImageSelectorChangeHandler, ImageSelectorProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/ImageSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/ImageSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,oCAAoC,EAAE,MAAM,cAAc,CAAC;AACpE,YAAY,EACV,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/components/ImageSelector/slots/ImageSelectorEnum.d.ts

@@ -0,0 +1,15 @@
+export declare enum ImageSelectorSlots {
+    root = "root",
+    trigger = "trigger",
+    previewFrame = "previewFrame",
+    previewImage = "previewImage",
+    overlay = "overlay",
+    overlayIcon = "overlayIcon",
+    popover = "popover",
+    optionsGrid = "optionsGrid",
+    option = "option",
+    optionImage = "optionImage",
+    loadingState = "loadingState",
+    emptyState = "emptyState"
+}
+//# sourceMappingURL=ImageSelectorEnum.d.ts.map

package/components/ImageSelector/slots/ImageSelectorEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageSelectorEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/ImageSelector/slots/ImageSelectorEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;CAC1B"}

package/components/ImageSelector/slots/ImageSelectorEnum.js

@@ -0,0 +1,4 @@
+var i = /* @__PURE__ */ ((p) => (p.root = "root", p.trigger = "trigger", p.previewFrame = "previewFrame", p.previewImage = "previewImage", p.overlay = "overlay", p.overlayIcon = "overlayIcon", p.popover = "popover", p.optionsGrid = "optionsGrid", p.option = "option", p.optionImage = "optionImage", p.loadingState = "loadingState", p.emptyState = "emptyState", p))(i || {});
+export {
+  i as ImageSelectorSlots
+};

package/components/ImageSelector/slots/ImageSelectorSlots.d.ts

@@ -0,0 +1,19 @@
+import { ImageSelectorOwnerState } from '../types';
+type ImageSelectorStyledProps = {
+    ownerState?: ImageSelectorOwnerState;
+};
+declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const TriggerStyled: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonBaseOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "action" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, {}, {}>;
+declare const PreviewFrameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, {}, {}>;
+declare const PreviewImageStyled: import('@emotion/styled').StyledComponent<import('../..').ImageProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, {}, {}>;
+declare const OverlayStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare const OverlayIconStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').SVGProps<SVGSVGElement>, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess">, "string" | "version" | "color" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "filter" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "unicodeBidi" | "vectorEffect" | "visibility" | "width" | "wordSpacing" | "writingMode" | "x" | "y" | "mask" | "offset" | "overflow" | "textDecoration" | "clip" | "fontStretch" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "mode" | "end" | "className" | "style" | "classes" | "children" | "sx" | "path" | "ref" | "key" | "suppressHydrationWarning" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "values" | "max" | "type" | "href" | "media" | "target" | "elevation" | "in" | "alphabetic" | "ideographic" | "mathematical" | "accumulate" | "local" | "hanging" | "unicode" | "method" | "min" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../extended/mui/Popover/types').PopoverProps, keyof import('../../extended/mui/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+declare const OptionsGridStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const OptionButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonBaseOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "action" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, {}, {}>;
+declare const OptionImageStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').ImageProps, keyof import('../..').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+declare const LoadingStateStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const EmptyStateStyled: import('@emotion/styled').StyledComponent<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ImageSelectorStyledProps, {}, {}>;
+declare const CircularProgressStyled: import('@emotion/styled').StyledComponent<Pick<import('../../extended/mui/CircularProgress/types').CircularProgressProps, keyof import('../../extended/mui/CircularProgress/types').CircularProgressProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export { CircularProgressStyled, EmptyStateStyled, OptionButtonStyled, OptionImageStyled, OptionsGridStyled, OverlayIconStyled, OverlayStyled, PopoverStyled, PreviewFrameStyled, PreviewImageStyled, RootStyled, TriggerStyled, LoadingStateStyled, };
+//# sourceMappingURL=ImageSelectorSlots.d.ts.map

package/components/ImageSelector/slots/ImageSelectorSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageSelectorSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/ImageSelector/slots/ImageSelectorSlots.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,UAAU,wPAIsC,CAAC;AAEvD,QAAA,MAAM,aAAa,ksBAIsC,CAAC;AAE1D,QAAA,MAAM,kBAAkB,8YAIsC,CAAC;AAE/D,QAAA,MAAM,kBAAkB,sLAIsC,CAAC;AAE/D,QAAA,MAAM,aAAa,0PAIsC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,myQAGY,CAAC;AAEpC,QAAA,MAAM,aAAa,6PAGY,CAAC;AAEhC,QAAA,MAAM,iBAAiB,wPAIsC,CAAC;AAE9D,QAAA,MAAM,kBAAkB,ksBAIgC,CAAC;AAEzD,QAAA,MAAM,iBAAiB,mMAGY,CAAC;AAEpC,QAAA,MAAM,kBAAkB,wPAIsC,CAAC;AAE/D,QAAA,MAAM,gBAAgB,6PAIsC,CAAC;AAE7D,QAAA,MAAM,sBAAsB,iSAGG,CAAC;AAChC,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,kBAAkB,GACnB,CAAC"}

package/components/ImageSelector/slots/ImageSelectorSlots.js

@@ -0,0 +1,75 @@
+import { ButtonBase as n, Box as m } from "@mui/material";
+import { styled as t } from "@mui/material/styles";
+import { ArrowRefreshMdOutlined as s } from "@m4l/icons";
+import { Typography as p } from "@m4l/base";
+import { imageSelectorStyles as e } from "../ImageSelector.styles.js";
+import { IMAGE_SELECTOR_KEY_COMPONENT as r } from "../constants.js";
+import { ImageSelectorSlots as a } from "./ImageSelectorEnum.js";
+import { CircularProgress as d } from "../../extended/mui/CircularProgress/CircularProgress.js";
+import { Image as l } from "../../Image/Image.js";
+import { Popover as i } from "../../extended/mui/Popover/Popover.js";
+const h = t("div", {
+  name: r,
+  slot: a.root,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.root), I = t(n, {
+  name: r,
+  slot: a.trigger,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.trigger), O = t(m, {
+  name: r,
+  slot: a.previewFrame,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.previewFrame), E = t(l, {
+  name: r,
+  slot: a.previewImage,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.previewImage), B = t("span", {
+  name: r,
+  slot: a.overlay,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.overlay);
+t(s, {
+  name: r,
+  slot: a.overlayIcon
+})(e.overlayIcon);
+const C = t(i, {
+  name: r,
+  slot: a.popover
+})(e.popover), G = t("div", {
+  name: r,
+  slot: a.optionsGrid,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.optionsGrid), T = t(n, {
+  name: r,
+  slot: a.option,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.option), M = t(l, {
+  name: r,
+  slot: a.optionImage
+})(e.optionImage), R = t("div", {
+  name: r,
+  slot: a.loadingState,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.loadingState), _ = t(p, {
+  name: r,
+  slot: a.emptyState,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.emptyState), x = t(d, {
+  name: r,
+  slot: a.loadingState
+})(e.trigger);
+export {
+  x as CircularProgressStyled,
+  _ as EmptyStateStyled,
+  R as LoadingStateStyled,
+  T as OptionButtonStyled,
+  M as OptionImageStyled,
+  G as OptionsGridStyled,
+  B as OverlayStyled,
+  C as PopoverStyled,
+  O as PreviewFrameStyled,
+  E as PreviewImageStyled,
+  h as RootStyled,
+  I as TriggerStyled
+};

package/components/ImageSelector/slots/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ImageSelectorEnum';
+export * from './ImageSelectorSlots';
+//# sourceMappingURL=index.d.ts.map

package/components/ImageSelector/slots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/ImageSelector/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/components/ImageSelector/types.d.ts

@@ -0,0 +1,210 @@
+import { Interpolation, Theme } from '@mui/material';
+import { Sizes } from '@m4l/styles';
+import { ChangeEvent, FocusEvent, KeyboardEvent, Ref } from 'react';
+import { ImageSelectorSlots } from './slots/ImageSelectorEnum';
+export type ImageSelectorChangeHandler<T = unknown> = (event: ChangeEvent<unknown>, value: T | null) => void;
+export type ImageSelectorPresentationType = 'standard' | 'grid';
+export interface ImageSelectorProps<T = unknown> {
+    /**
+     * Controlled selected option.
+     */
+    value: T | null | undefined;
+    /**
+     * Called when the selected image changes.
+     */
+    onChange?: ImageSelectorChangeHandler<T>;
+    /**
+     * Endpoint used to fetch options for the popover grid.
+     */
+    endpoint: string;
+    /**
+     * Whether the selector should refetch options every time the popover opens.
+     */
+    refetchOnOpen?: boolean;
+    /**
+     * Returns the accessible label for an option.
+     */
+    getOptionLabel: (option: T) => string;
+    /**
+     * Returns the image URL for an option.
+     */
+    getOptionImage: (option: T) => string;
+    /**
+     * Compares an option against the selected value.
+     */
+    isOptionEqualToValue: (option: T, value: T) => boolean;
+    /**
+     * Render mode for the selector surface.
+     */
+    presentationType?: ImageSelectorPresentationType;
+    /**
+     * Square image size used by the selector surfaces when provided.
+     */
+    imageSize?: number;
+    /**
+     * Maximum number of visible columns before the options wrap.
+     */
+    maxColumns?: number;
+    /**
+     * Maximum number of visible rows before vertical scrolling is applied.
+     */
+    maxRows?: number;
+    /**
+     * Visual density for the trigger and option content.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Disables the selector trigger and option changes.
+     */
+    disabled?: boolean;
+    /**
+     * Marks the selector trigger with an error state.
+     */
+    error?: boolean;
+    /**
+     * Optional CSS class name.
+     */
+    className?: string;
+    /**
+     * Optional test id suffix.
+     */
+    dataTestId?: string;
+    /**
+     * Trigger id.
+     */
+    id?: string;
+    /**
+     * Trigger name.
+     */
+    name?: string;
+    /**
+     * Network timeout used for the async request.
+     */
+    timeout?: number;
+    /**
+     * Request params merged into the async request.
+     */
+    parms?: Record<string, unknown>;
+    /**
+     * Response field that contains the option list.
+     */
+    resultField?: string;
+    /**
+     * Whether the endpoint is external to the current host.
+     */
+    isExternalUrl?: boolean;
+    /**
+     * Whether the request should use the remote network client.
+     */
+    isRemote?: boolean;
+    /**
+     * Whether the response should be transformed to camelCase.
+     */
+    responseToCamelCase?: boolean;
+}
+export interface ImageSelectorOwnerState extends Pick<ImageSelectorProps<unknown>, 'presentationType' | 'imageSize' | 'maxColumns' | 'maxRows' | 'disabled' | 'error' | 'size'> {
+    hasVerticalScroll?: boolean;
+    hasValue?: boolean;
+    isFocused?: boolean;
+    isOpen?: boolean;
+    isPlaceholder?: boolean;
+    selected?: boolean;
+}
+export type ImageSelectorSlotsType = keyof typeof ImageSelectorSlots;
+export interface ImageSelectorStyleRuleProps {
+    ownerState?: ImageSelectorOwnerState;
+    theme: Theme;
+}
+export type ImageSelectorStyles = Record<ImageSelectorSlotsType, Interpolation<ImageSelectorStyleRuleProps>>;
+export interface UseImageSelectorProps<T = unknown> {
+    /**
+     * Controlled selected option.
+     */
+    value: T | null | undefined;
+    /**
+     * Called when the selected image changes.
+     */
+    onChange?: ImageSelectorChangeHandler<T>;
+    /**
+     * Endpoint used to fetch options for the popover grid.
+     */
+    endpoint: string;
+    /**
+     * Whether the selector should refetch options every time the popover opens.
+     */
+    refetchOnOpen?: boolean;
+    /**
+     * Returns the accessible label for an option.
+     */
+    getOptionLabel: (option: T) => string;
+    /**
+     * Returns the image URL for an option.
+     */
+    getOptionImage: (option: T) => string;
+    /**
+     * Compares an option against the selected value.
+     */
+    isOptionEqualToValue: (option: T, value: T) => boolean;
+    /**
+     * Render mode for the selector surface.
+     */
+    presentationType?: ImageSelectorPresentationType;
+    /**
+     * Square image size used by the selector surfaces when provided.
+     */
+    imageSize?: number;
+    /**
+     * Maximum number of visible columns before the options wrap.
+     */
+    maxColumns?: number;
+    /**
+     * Maximum number of visible rows before vertical scrolling is applied.
+     */
+    maxRows?: number;
+    /**
+     * Visual density for the trigger and option content.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    disabled?: boolean;
+    error?: boolean;
+    timeout?: number;
+    parms?: Record<string, unknown>;
+    resultField?: string;
+    isExternalUrl?: boolean;
+    isRemote?: boolean;
+    responseToCamelCase?: boolean;
+    /**
+     * Forwarded trigger ref kept in sync with the internal anchor element.
+     */
+    forwardedRef: Ref<HTMLButtonElement>;
+    /**
+     * Optional internal blur callback used by wrappers such as RHF.
+     */
+    blurHandler?: (...args: unknown[]) => void;
+}
+export interface UseImageSelectorResult<T = unknown> {
+    getOptionId: (index: number) => string;
+    handleBlur: (event: FocusEvent<HTMLButtonElement>) => void;
+    handleFocus: () => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
+    handleOptionFocus: (index: number) => void;
+    handleOptionKeyDown: (index: number, event: KeyboardEvent<HTMLButtonElement>) => void;
+    handleOptionRef: (index: number, node: HTMLButtonElement | null) => void;
+    handlePopoverClose: () => void;
+    handleSelect: (option: T) => void;
+    handleToggle: () => void;
+    handleTriggerRef: (node: HTMLButtonElement | null) => void;
+    gridOwnerState: ImageSelectorOwnerState;
+    isOptionSelected: (option: T) => boolean;
+    loading: boolean;
+    open: boolean;
+    options: T[];
+    optionsListId: string;
+    overlayIconSrc: string;
+    previewLabel: string;
+    previewOwnerState: ImageSelectorOwnerState;
+    previewSource: string;
+    rootOwnerState: ImageSelectorOwnerState;
+    triggerElement: HTMLButtonElement | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/ImageSelector/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/ImageSelector/types.ts"],"names":[],"mappings":"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"}