@corva/ui 3.76.0-9 → 3.77.0-0

package/MCP_README.md

@@ -22,9 +22,10 @@ supports Claude Code, Cursor, and Codex CLI.
 
 ### Available Tools
 
-- `search_corva_ui` - Search components, hooks, utils by name or description. When the requested `category` (`v2` or
-  `v1`) has no match, the response surfaces a labeled fallback block from the other version so a single search still
-  discovers a candidate.
+- `search_corva_ui` - Search components, hooks, utils by name or description. When a search restricted to one
+  `category` (`v2` or `v1`) returns nothing at all and components from the other version do match, the response
+  surfaces them in a labeled fallback block so a single search still discovers a candidate. Any hook or util hit
+  already counts as a result and suppresses the fallback.
 - `get_component_docs` - Get detailed component documentation with props and examples
 - `get_hook_docs` - Get hook documentation
 - `get_theme_docs` - Get theme/styling documentation
@@ -62,7 +63,7 @@ MCP prompts are surfaced as slash commands in clients that support them. In Clau
 `/mcp__corva-ui__<name>`.
 
 - `figma_to_code` — Translate a Figma node into React components that follow `@corva/ui` conventions. Orchestrates the
-  Figma Dev Mode MCP (for design context and Code Connect mappings) and the `@corva/ui` MCP tools above (for component,
+  Figma MCP server (for design context and Code Connect mappings) and the `@corva/ui` MCP tools above (for component,
   icon, theme, and hook lookups).
 
 **Argument** (optional; the assistant asks if missing):
@@ -81,9 +82,12 @@ MCP prompts are surfaced as slash commands in clients that support them. In Clau
 /mcp__corva-ui__figma_to_code https://www.figma.com/design/ABC/Sample?node-id=1-2 create under src/apps/drilling/RigStatusCard.tsx
 ```
 
-**Prerequisite:** the Figma Dev Mode MCP must be enabled in the same client session so the prompt can call
-`mcp__figma__get_design_context`. Enable it via Figma Desktop → Preferences → Enable Dev Mode MCP Server, then restart
-your client.
+**Prerequisite:** a Figma MCP server must be connected in the same client session so the prompt can call its
+`get_design_context` tool (the prompt detects the server alias itself). Either connect Figma's remote server
+(`https://mcp.figma.com/mcp`, browser OAuth — Figma's recommended option) or enable the desktop one: open the file in
+Figma Desktop, switch to Dev Mode (`Shift+D`) and click **Enable desktop MCP server** in the MCP server section of the
+inspect panel, then register `http://127.0.0.1:3845/mcp` as an HTTP MCP server in your client — enabling it in Figma
+alone does not connect it. Reconnect or restart your client afterwards.
 
 **Scope:** primarily consumer mode — app repos that depend on `@corva/ui` and import from its entry points. Authoring
 mode (inside the `@corva/ui` repo itself) is auto-detected from `package.json` and adjusts output conventions.
@@ -190,7 +194,14 @@ stays scoped and minimal, and raw sample values are never pasted into committed
 > to [Verifying It Works](#verifying-it-works). Older projects scaffolded before MCP was added to the template still
 > need the setup below.
 
-> **Minimum Version:** The MCP server is available starting from `@corva/ui` version **3.44.0**.
+> **Minimum Version:** the `npx … corva-ui-mcp` configs work from `@corva/ui` **3.44.0**; the Quick Setup command and
+> the direct `server.mjs` paths need **3.46.0** or newer. Tool and prompt descriptions in this document match current
+> releases.
+
+> **Node:** `@corva/ui` declares `engines.node: ^24`, so use Node 24.x for the setup command and the server. Other
+> majors are outside that range: npm prints an unsupported-engine warning when it installs the package, and Yarn
+> classic normally rejects the install unless engine checks are disabled. The nvm examples below assume a Node 24
+> install.
 
 ### Quick Setup
 
@@ -204,7 +215,12 @@ This creates `.mcp.json` (Claude Code), `.cursor/mcp.json` (Cursor), and `.codex
 Restart your IDE or reload MCP servers afterward.
 
 > If any of these files already exist, the setup command **extends** them — your existing MCP server entries are
-> preserved, and only the `corva-ui` entry is added or updated.
+> preserved, and only the `corva-ui` entry (`corva_ui` in the Codex TOML) is added or updated. "Updated" means replaced
+> with the stock entry: anything you added to it by hand, such as an `env` block with
+> `CORVA_UI_MCP_TELEMETRY_DISABLED`, is dropped and has to be re-added. The files are re-serialized on write, so
+> comments and hand formatting in the TOML do not survive either. A file that fails to parse is overwritten from
+> scratch (the command warns when it does that). On native Windows the generated entry uses plain `npx`; if your client
+> cannot spawn it, apply the `cmd /c` form from the Native Windows note under [Local Setup](#local-setup-recommended).
 
 > **Monorepo:** Run the setup command from the monorepo root, not from individual
 > `apps/*` directories. See [Monorepo Setup](#monorepo-setup) for details.
@@ -277,11 +293,12 @@ issues, always in sync with your project's `@corva/ui` version.
 }
 ```
 
-2. Restart Cursor or use Command Palette → "MCP: Restart Servers"
+2. Restart Cursor (or toggle the `corva-ui` server off and on under **Customize** in the sidebar)
 
-3. **Note:** MCP is disabled by default in Cursor. Enable it in **Cursor Settings → Features → MCP** before restarting.
+3. Servers from `.cursor/mcp.json` show up under **Customize** in the sidebar, where they can be enabled or disabled.
+   If one fails to start, its output is in the Output panel under "MCP Logs".
 
-4. Verify: In Composer, ask about a @corva/ui component
+4. Verify: In the agent chat, ask about a @corva/ui component
 
 #### OpenAI Codex CLI
 
@@ -380,8 +397,8 @@ issues ([reference](https://github.com/modelcontextprotocol/servers/issues/64)).
 1. Find your paths:
 
 ```bash
-nvm which current      # e.g., /Users/you/.nvm/versions/node/v22.12.0/bin/node
-which corva-ui-mcp     # e.g., /Users/you/.nvm/versions/node/v22.12.0/bin/corva-ui-mcp
+nvm which current      # e.g., /Users/you/.nvm/versions/node/v24.15.0/bin/node
+which corva-ui-mcp     # e.g., /Users/you/.nvm/versions/node/v24.15.0/bin/corva-ui-mcp
 ```
 
 2. Add the `mcpServers` entry to your `~/.claude.json` (create the file if it doesn't exist, or merge into existing
@@ -391,9 +408,9 @@ which corva-ui-mcp     # e.g., /Users/you/.nvm/versions/node/v22.12.0/bin/corva-
 {
   "mcpServers": {
     "corva-ui": {
-      "command": "/Users/you/.nvm/versions/node/v22.12.0/bin/node",
+      "command": "/Users/you/.nvm/versions/node/v24.15.0/bin/node",
       "args": [
-        "/Users/you/.nvm/versions/node/v22.12.0/bin/corva-ui-mcp"
+        "/Users/you/.nvm/versions/node/v24.15.0/bin/corva-ui-mcp"
       ]
     }
   }
@@ -469,7 +486,7 @@ got from `npm prefix -g`):
     "corva-ui": {
       "command": "C:/Program Files/nodejs/node.exe",
       "args": [
-        "C:/Users/you/AppData/Roaming/nvm/v22.12.0/node_modules/@corva/ui/mcp-server/server.mjs"
+        "C:/Users/you/AppData/Roaming/nvm/v24.15.0/node_modules/@corva/ui/mcp-server/server.mjs"
       ]
     }
   }
@@ -520,9 +537,9 @@ the config to `~/.cursor/mcp.json`.
 {
   "mcpServers": {
     "corva-ui": {
-      "command": "/Users/you/.nvm/versions/node/v22.12.0/bin/node",
+      "command": "/Users/you/.nvm/versions/node/v24.15.0/bin/node",
       "args": [
-        "/Users/you/.nvm/versions/node/v22.12.0/bin/corva-ui-mcp"
+        "/Users/you/.nvm/versions/node/v24.15.0/bin/corva-ui-mcp"
       ]
     }
   }
@@ -564,14 +581,15 @@ Find your paths with `where.exe node` and `npm prefix -g` as described in the
     "corva-ui": {
       "command": "C:/Program Files/nodejs/node.exe",
       "args": [
-        "C:/Users/you/AppData/Roaming/nvm/v22.12.0/node_modules/@corva/ui/mcp-server/server.mjs"
+        "C:/Users/you/AppData/Roaming/nvm/v24.15.0/node_modules/@corva/ui/mcp-server/server.mjs"
       ]
     }
   }
 }
 ```
 
-> **Note:** MCP is disabled by default in Cursor. Enable it in **Cursor Settings → Features → MCP** before restarting.
+> **Note:** the server shows up under **Customize** in the sidebar, where it can be enabled or disabled; if it fails to
+> start, its output is in the Output panel under "MCP Logs".
 
 #### Cursor (without nvm)
 
@@ -597,14 +615,15 @@ Add to `~/.cursor/mcp.json` (merge into existing config):
 > `cmd /c` workaround from the [Native Windows note](#claude-code) under Local Setup. WSL users running
 > native-Windows Cursor should follow the `wsl.exe` config from [Cursor Windows + WSL](#windows--wsl-1) instead.
 
-> **Note:** MCP is disabled by default in Cursor. Enable it in **Cursor Settings → Features → MCP** before restarting.
+> **Note:** the server shows up under **Customize** in the sidebar, where it can be enabled or disabled; if it fails to
+> start, its output is in the Output panel under "MCP Logs".
 
 #### Troubleshooting: Direct Node Path
 
 If `npx` isn't viable (offline, corporate proxy blocking the registry, or you need a strictly pinned version
 regardless of npm cache state), point Node directly at the global install's `server.mjs`. This shape requires
-Step 1 above and works for any IDE — drop it into `~/.claude.json`, `~/.cursor/mcp.json`, or
-`~/.codex/config.toml`.
+Step 1 above and works for any IDE — drop it into `~/.claude.json` or `~/.cursor/mcp.json`; the Codex CLI equivalent
+for `~/.codex/config.toml` follows the JSON.
 
 Find your global install's path with `npm prefix -g`, then substitute it below:
 
@@ -621,6 +640,12 @@ Find your global install's path with `npm prefix -g`, then substitute it below:
 }
 ```
 
+```toml
+[mcp_servers.corva_ui]
+command = "node"
+args = ["<npm-prefix>/lib/node_modules/@corva/ui/mcp-server/server.mjs"]
+```
+
 Native-Windows substitution (default nodejs.org installer): `command` becomes `"C:/Program Files/nodejs/node.exe"`,
 `args` becomes `["C:/Users/you/AppData/Roaming/npm/node_modules/@corva/ui/mcp-server/server.mjs"]`. nvm-windows
 users should use the [Native Windows (nvm-windows)](#native-windows-nvm-windows) shape above instead — its
@@ -643,30 +668,55 @@ This runs the `get_diagnostics` tool under the hood. Clients without slash-comma
 If the AI doesn't pick up the MCP tools, restart your IDE / reload MCP servers, and confirm the config file is at the
 location listed in the [Local Setup](#local-setup-recommended) table for your IDE.
 
-## Telemetry and Privacy
+If the very first connection times out, the cause is usually the download. `npx -p @corva/ui corva-ui-mcp` reuses the
+`@corva/ui` installed under the directory the client starts the server from; when it finds none — a repo that doesn't
+depend on it, a workspace root where it isn't hoisted, or a project whose dependencies aren't installed yet — it first
+installs `@corva/ui` with its full dependency tree into npx's cache. One cold-cache run measured roughly 40 seconds and
+about 1 GB on a fast connection; timings vary, but that is past the default MCP startup timeouts of Claude Code (30 s)
+and Codex CLI (10 s). npx then reuses that cache until a newer `@corva/ui` is published. Install `@corva/ui` in the
+project, or run the Quick Setup command once from the same user account (it fills the same npx cache), then
+reconnect. If neither is an option, raise the client's timeout instead: `MCP_TIMEOUT=90000 claude` in a POSIX shell
+for Claude Code, or `startup_timeout_sec = 90` under `[mcp_servers.corva_ui]` in the Codex config.
 
-The MCP server may collect anonymous usage telemetry — tool name, arguments, results, latency, and MCP client
-name/version — when a telemetry endpoint is configured at build time. No hostnames, usernames, IP addresses, or other
-direct machine/user identifiers are collected.
+## Telemetry and Privacy
 
-**Tool arguments and results are exported in full, without redaction or truncation.** Span payloads may therefore
-contain content from your queries (file paths, source snippets, component names, or other text you sent to the tool)
-alongside the documentation responses. This includes anything you send via the `feedback` prompt / `submit_feedback`
-tool — the free-text message is recorded verbatim and is intended for the `@corva/ui` maintainers.
+The MCP server may collect usage telemetry when it is configured to: for every tool call, the tool name, arguments,
+result, latency and MCP client name/version; for every prompt invocation (slash command), the prompt name, arguments,
+latency and the size of the response. Each run also carries a random instance id, the server and `@corva/ui` versions
+and `NODE_ENV`. No hostnames, usernames, IP addresses, or other direct machine/user identifiers are collected — but
+arguments and results are not scrubbed, so they can contain identifying information you typed.
+
+When your client reports workspace roots, the session is also tagged with the **project identity**, so the
+maintainers can tell which app the queries come from: the `name` from the nearest `package.json` and, in Corva apps,
+the `application.key` from the nearest `manifest.json`, each searched upward from the first root. Either may be
+absent. `/mcp__corva-ui__healthcheck` shows the resolved values.
+
+**Tool arguments, tool results and prompt arguments are exported in full, without redaction or truncation.** Span
+payloads may therefore contain content from your queries (file paths, source snippets, component names, or other text
+you sent to the tool) alongside the documentation responses. This includes anything you send via the `feedback` prompt
+/ `submit_feedback` tool — the free-text message is recorded verbatim and is intended for the `@corva/ui` maintainers.
+
+Data goes to Corva's Uptrace project over fixed OTLP endpoints (`otlp.uptrace.dev`). The credentials and the sampling
+rate are not hard-coded: after checking the opt-out below, the server reads `mcp-server/telemetry-config.local.json`
+under its working directory (a development override — a valid file wins, an invalid or disabled one turns telemetry
+off) and otherwise fetches the DSN and sampling rate from a Corva-hosted URL baked in at build time, with a 10-second
+timeout. If that URL is unset, the fetch fails, or the fetched configuration is disabled, telemetry stays off for the
+session.
 
 To check whether telemetry is currently active for your install, run `/mcp__corva-ui__healthcheck` (or call the
-`get_diagnostics` tool directly) — it reports the resolved telemetry status. Telemetry is fully disabled when no valid
-endpoint is configured.
+`get_diagnostics` tool directly) — it reports the resolved telemetry status and sampling rate.
 
 To opt out entirely, set `CORVA_UI_MCP_TELEMETRY_DISABLED=1` in the server's environment (e.g. in the `env` block of
 your MCP config file) — any non-empty value other than `0` or `false` works. The switch is honored at runtime before
-any telemetry configuration is read.
+any telemetry configuration is read. Feedback travels over the same channel and is subject to the same sampling rate:
+`submit_feedback` and the `feedback` prompt always confirm the message, but with telemetry off nothing reaches the
+maintainers, and with a sampling rate below 1 some messages are dropped.
 
 ## FAQ
 
 ### Does this affect my application bundle or runtime?
 
-No. The MCP server adds ~2 MB to the published `@corva/ui` npm package (bundled server, setup CLI, and pre-generated
+No. The MCP server adds ~3 MB unpacked to the published `@corva/ui` npm package (bundled server, setup CLI, and pre-generated
 documentation data). These files live in `node_modules/@corva/ui/mcp-server/` and are only used when running the CLI binaries (
 `corva-ui-mcp`, `corva-ui-mcp-setup`). Consuming app bundlers resolve imports from the library's ESM/CJS entry points,
 which don't reference MCP files — so they are never included in application bundles or executed at runtime.

package/README.md

@@ -48,11 +48,14 @@ Quick setup (run from your project root):
 npx -p @corva/ui corva-ui-mcp-setup
 ```
 
-If `.mcp.json`, `.cursor/mcp.json`, or `.codex/config.toml` already exists, the command extends it — existing MCP server
-entries are preserved, and only the `corva-ui` entry is added or updated.
-
-See [MCP Docs](./MCP_README.md) for the full list of tools, per-IDE setup (local / monorepo / global), and
-troubleshooting.
+This writes `.mcp.json` (Claude Code), `.cursor/mcp.json` (Cursor), and `.codex/config.toml` (Codex CLI). If a file
+already exists, the command extends it — existing MCP server entries are preserved, and only the `corva-ui` entry is
+added or updated. Restart your IDE (or reload its MCP servers) afterward, then ask your AI agent about any `@corva/ui`
+component to confirm the tools are picked up.
+
+The full MCP docs (all tools and prompts, per-IDE local / monorepo / global setup, troubleshooting, telemetry and
+privacy) ship inside the package as `node_modules/@corva/ui/MCP_README.md`. The latest published copy is also readable
+online: <https://cdn.jsdelivr.net/npm/@corva/ui/MCP_README.md>.
 
 ## Figma Code Connect
 

package/cjs-bundle/componentsV2/AppPanel/AppPanelDisplay.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("classnames"),s=require("../AppSizeProvider/AppSizeProvider.js");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js");var n=require("../../effects/useOutsideClick.js");require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js");var t=require("./AppPanelsContext.js"),i=require("../Paper/Paper.js"),o=require("../PopoverPanel/PopoverPanel.js"),a=require("./AppPanelIdContext.js"),u=require("../AppContainer/AppContainer.constants.scss.js"),p=require("./AppPanelDisplay.scss.js"),l=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=c(r),d=Number(u.sidePadding.replace(/[^.0-9]/g,""));exports.AppPanelDisplay=function(r){var u=r.anchorRef,c=r.id,m=t.useAppPanelInternal(c),j=m.isOpen,h=m.isPinned,v=m.close,P=m.isAnimated,b=m.width,A=m.component,C=m.opener,f=m.isExpanded,x=m.placement,y=e.useRef(null),g=s.useAppSize()||{},S=g.height,w=g.width,D=e.useMemo((function(){return{maxHeight:S,maxWidth:w?w-2*d:0,width:f&&w?w-2*d:b}}),[w,S,f,b]);return n(y,v,[C,'[role="tooltip"]','[role="presentation"]']),A?l.jsxs(a.AppPanelIdProvider,{value:c,children:[u.current&&!h&&l.jsx(o.PopoverPanel,{ref:y,open:j,placement:"start"===x?"bottom-start":"bottom-end",anchorEl:u.current,onClose:v,className:p.popover,preventScroll:!1,backdrop:!1,animate:P,style:D,preventOverflow:!1,children:l.jsx(A,{})}),h&&l.jsx(i.Paper,{className:q.default(p.pinned,"start"===x?p.pinnedStart:p.pinnedEnd),style:D,children:l.jsx(A,{})})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("classnames"),s=require("../AppSizeProvider/AppSizeProvider.js");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js");var n=require("../../effects/useOutsideClick.js");require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js");var t=require("./AppPanelsContext.js"),i=require("../Paper/Paper.js"),o=require("../PopoverPanel/PopoverPanel.js"),a=require("./AppPanelIdContext.js"),u=require("../AppContainer/AppContainer.constants.scss.js"),p=require("./AppPanelDisplay.scss.js"),l=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=c(r),d=Number(u.sidePadding.replace(/[^.0-9]/g,""));exports.AppPanelDisplay=function(r){var u=r.anchorRef,c=r.id,m=t.useAppPanelInternal(c),j=m.isOpen,h=m.isPinned,v=m.close,P=m.isAnimated,b=m.width,f=m.component,A=m.opener,C=m.isExpanded,x=m.placement,y=e.useRef(null),g=s.useAppSize()||{},S=g.height,w=g.width,D=e.useMemo((function(){return{maxHeight:"min(".concat(S||0,"px, 100vh)"),maxWidth:w?w-2*d:0,width:C&&w?w-2*d:b}}),[w,S,C,b]);return n(y,v,[A,'[role="tooltip"]','[role="presentation"]']),f?l.jsxs(a.AppPanelIdProvider,{value:c,children:[u.current&&!h&&l.jsx(o.PopoverPanel,{flip:!1,ref:y,open:j,placement:"start"===x?"bottom-start":"bottom-end",anchorEl:u.current,onClose:v,className:p.popover,preventScroll:!1,backdrop:!1,animate:P,style:D,preventOverflow:!0,children:l.jsx(f,{})}),h&&l.jsx(i.Paper,{className:q.default(p.pinned,"start"===x?p.pinnedStart:p.pinnedEnd),style:D,children:l.jsx(f,{})})]}):null};
 //# sourceMappingURL=AppPanelDisplay.js.map

package/cjs-bundle/componentsV2/AppPanel/AppPanelDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppPanelDisplay.js","sources":["../../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n  id: string | symbol;\n  anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n  const {\n    isOpen,\n    isPinned,\n    close,\n    isAnimated,\n    width: panelWidth,\n    component: Component,\n    opener,\n    isExpanded,\n    placement,\n  } = useAppPanelInternal(id);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { height, width: appWidth } = useAppSize() || {};\n\n  const wrapperStyle = useMemo<CSSProperties>(\n    () => ({\n      maxHeight: height,\n      maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n      width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n    }),\n    [appWidth, height, isExpanded, panelWidth]\n  );\n\n  useOutsideClick(popoverRef, close, [\n    opener,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <AppPanelIdProvider value={id}>\n      {anchorRef.current && !isPinned && (\n        <PopoverPanel\n          ref={popoverRef}\n          open={isOpen}\n          placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n          anchorEl={anchorRef.current}\n          onClose={close}\n          className={styles.popover}\n          preventScroll={false}\n          backdrop={false}\n          animate={isAnimated}\n          style={wrapperStyle}\n          preventOverflow={false}\n        >\n          <Component />\n        </PopoverPanel>\n      )}\n\n      {isPinned && (\n        <Paper\n          className={classNames(\n            styles.pinned,\n            placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n          )}\n          style={wrapperStyle}\n        >\n          <Component />\n        </Paper>\n      )}\n    </AppPanelIdProvider>\n  );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","jsx","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"g1EAcMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,6BAO3C,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAmBA,oBAACD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,SAAuB,MAE1CC,EAAoCC,EAAUA,cAAM,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,EAAAA,SACnB,WAAA,MAAO,CACLC,UAAWJ,EACXK,SAAUJ,EAAWA,EAAyB,EAAdxB,EAAkB,EAClDa,MAAOI,GAAcO,EAAWA,EAAyB,EAAdxB,EAAkBY,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAAAA,KAACC,EAAAA,mBAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,MAACC,eAAY,CACXC,IAAKlB,EACLmB,KAAM9B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDqB,SAAUlC,EAAU6B,QACpBM,QAAS9B,EACT+B,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASnC,EACToC,MAAOtB,EACPuB,iBAAiB,EAAMf,SAEvBE,EAAAA,IAACrB,EAAS,MAIbL,GACC0B,EAAAc,IAACC,QAAK,CACJT,UAAWU,EAAAA,QACTT,EAAOU,OACO,UAAdlC,EAAwBwB,EAAOW,YAAcX,EAAOY,WAEtDP,MAAOtB,EAAaQ,SAEpBE,EAAAA,IAACrB,EAAS,SA/BT,IAoCX"}
+{"version":3,"file":"AppPanelDisplay.js","sources":["../../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n  id: string | symbol;\n  anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n  const {\n    isOpen,\n    isPinned,\n    close,\n    isAnimated,\n    width: panelWidth,\n    component: Component,\n    opener,\n    isExpanded,\n    placement,\n  } = useAppPanelInternal(id);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { height, width: appWidth } = useAppSize() || {};\n\n  const wrapperStyle = useMemo<CSSProperties>(\n    () => ({\n      maxHeight: `min(${height || 0}px, 100vh)`,\n      maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n      width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n    }),\n    [appWidth, height, isExpanded, panelWidth]\n  );\n\n  useOutsideClick(popoverRef, close, [\n    opener,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <AppPanelIdProvider value={id}>\n      {anchorRef.current && !isPinned && (\n        <PopoverPanel\n          flip={false}\n          ref={popoverRef}\n          open={isOpen}\n          placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n          anchorEl={anchorRef.current}\n          onClose={close}\n          className={styles.popover}\n          preventScroll={false}\n          backdrop={false}\n          animate={isAnimated}\n          style={wrapperStyle}\n          preventOverflow={true}\n        >\n          <Component />\n        </PopoverPanel>\n      )}\n\n      {isPinned && (\n        <Paper\n          className={classNames(\n            styles.pinned,\n            placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n          )}\n          style={wrapperStyle}\n        >\n          <Component />\n        </Paper>\n      )}\n    </AppPanelIdProvider>\n  );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","flip","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","jsx","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"g1EAcMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,6BAO3C,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAmBA,oBAACD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,SAAuB,MAE1CC,EAAoCC,EAAUA,cAAM,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,EAAAA,SACnB,WAAA,MAAO,CACLC,UAAkBJ,OAAAA,OAAAA,GAAU,EAAa,cACzCK,SAAUJ,EAAWA,EAAyB,EAAdxB,EAAkB,EAClDa,MAAOI,GAAcO,EAAWA,EAAyB,EAAdxB,EAAkBY,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAAAA,KAACC,EAAAA,mBAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,MAACC,eAAY,CACXC,MAAM,EACNC,IAAKnB,EACLoB,KAAM/B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDsB,SAAUnC,EAAU6B,QACpBO,QAAS/B,EACTgC,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASpC,EACTqC,MAAOvB,EACPwB,iBAAiB,EAAKhB,SAEtBE,EAAAA,IAACrB,EAAS,MAIbL,GACC0B,EAAAe,IAACC,QAAK,CACJT,UAAWU,EAAAA,QACTT,EAAOU,OACO,UAAdnC,EAAwByB,EAAOW,YAAcX,EAAOY,WAEtDP,MAAOvB,EAAaQ,SAEpBE,EAAAA,IAACrB,EAAS,SAhCT,IAqCX"}

package/cjs-bundle/componentsV2/DatePicker/TimePicker/TimePicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("classnames"),c=require("moment-timezone"),r=require("lodash"),i=require("../../TextInputNext/TextInputNext.js"),t=require("../../Text/Text.js"),u=require("../../ToggleButtons/ToggleButtons.js"),a=require("../utils.js"),l=require("../../Button/Button.js"),m=require("./TimePicker.scss.js"),d=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var j=require("react/jsx-runtime");function q(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var I=q(s),p=q(e),f=q(n),h=q(c);function v(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(s);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,n)}return o}function b(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?v(Object(o),!0).forEach((function(e){I.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var g=[{value:"am",label:"AM"},{value:"pm",label:"PM"}],C=function(s){return s.replace(/[^\d]/g,"").substring(0,2)},x=function(s){return Number(s)>=0&&Number(s)<=12},O=function(s){return Number(s)>=0&&Number(s)<60},y=O,T=function(s){return s.getTime()-h.default(s).startOf("day").toDate().getTime()},N=function(s){return void 0!==s?r.padStart(String(s),2,"0"):""},P=function(s){return"12"===s?"00":s};exports.TimePicker=function(s){var e=s.value,n=s.onChange,c=s.minDate,r=s.maxDate,q=s.saveTime,I=s.goToToday,v=s.clear,D=!e,F=o.useRef(null),k=o.useRef(null),S=o.useRef(null),M=o.useRef(),A=o.useMemo((function(){var s=e?T(e)>=432e5?"pm":"am":void 0,o="pm"===s?12:0,n=e?e.getHours()-o:void 0;return{hours:N(void 0!==n&&0===n?12:n),minutes:N(null==e?void 0:e.getMinutes()),seconds:N(null==e?void 0:e.getSeconds()),partOfDay:s}}),[e]),B=o.useState(A.hours),R=p.default(B,2),z=R[0],w=R[1],E=o.useState(A.minutes),H=p.default(E,2),G=H[0],U=H[1],L=o.useState(A.seconds),W=p.default(L,2),_=W[0],K=W[1];o.useEffect((function(){M.current!==F.current&&w(A.hours),M.current!==k.current&&U(A.minutes),M.current!==S.current&&K(A.seconds)}),[A.hours,A.minutes,A.seconds]);var Z=o.useMemo((function(){var s=a.isSameDay(c,e)&&h.default(c).format("hh:mm:ss A"),o=a.isSameDay(r,e)&&h.default(r).format("hh:mm:ss A");return s&&o?"In ".concat(s," - ").concat(o," range"):s?"Can’t be earlier than ".concat(s):o?"Can’t be later than ".concat(o):void 0}),[r,c,e]),J=o.useMemo((function(){return g.map((function(s){var o="am"===s.value&&!!c&&a.isSameDay(e,c)&&T(c)>=432e5,n="pm"===s.value&&!!r&&a.isSameDay(e,r)&&T(r)<432e5;return b(b({},s),{},{disabled:D||o||n})}))}),[D,r,c,e]),Q=o.useCallback((function(s,o){if(e){var c=new Date(e);if("hours"===s&&x(o)){var r="pm"===A.partOfDay?12:0;c.setHours(r+Number(o))}else if("minutes"===s&&O(o))c.setMinutes(Number(o));else if("seconds"===s&&y(o))c.setSeconds(Number(o));else if("partOfDay"===s&&("am"===o||"pm"===o)){var i=c.getHours()%12;c.setHours(("pm"===o?12:0)+i)}Math.floor(c.getTime()/1e3)!==Math.floor(e.getTime()/1e3)&&n(c)}}),[A.partOfDay,n,e]),V=o.useCallback((function(s){s.target.select(),M.current=s.target}),[]),X=o.useCallback((function(s){var e=C(s.target.value);if(s.target===F.current){var o=P(e),n=x(o)?N(o):A.hours;w(n),Q("hours",n)}if(s.target===k.current){var c=O(e)?N(e):A.minutes;U(c),Q("minutes",c)}if(s.target===S.current){var r=y(e)?N(e):A.seconds;K(r),Q("seconds",r)}M.current=void 0}),[A.hours,A.minutes,A.seconds,Q]),Y=o.useCallback((function(s){var e,o=C(s),n=P(o);(w(o),2===o.length&&x(o))&&(Q("hours",n),null===(e=k.current)||void 0===e||e.focus())}),[Q]),$=o.useCallback((function(s){var e,o=C(s);(U(o),2===o.length&&O(o))&&(Q("minutes",o),null===(e=S.current)||void 0===e||e.focus())}),[Q]),ss=o.useCallback((function(s){var e=C(s);K(e),y(e)&&Q("seconds",e)}),[Q]),es=o.useCallback((function(s){Q("partOfDay",s)}),[Q]),os=Number(null==e?void 0:e.getTime())>Number(null==r?void 0:r.getTime())||Number(null==e?void 0:e.getTime())<Number(null==c?void 0:c.getTime()),ns=!x(z)||os,cs=!O(G)||os,rs=!y(_)||os;return j.jsxs(j.Fragment,{children:[j.jsxs("div",{className:f.default(m.timePicker),children:[j.jsxs(t.Text,{className:m.header,size:14,children:[j.jsx("span",{className:f.default(m.headerText,D&&m.disabled),children:"Time"}),Z&&j.jsxs(j.Fragment,{children:[j.jsx(d.InfoIcon,{className:m.constraintIcon,size:16}),Z]})]}),j.jsx(i.TextInputNext,{placeholder:"HH",className:m.input,disabled:D,value:z,onChange:Y,status:ns?"error":void 0,inputRef:F,onFocus:V,onBlur:X}),j.jsx(t.Text,{color:"T9",size:14,children:":"}),j.jsx(i.TextInputNext,{placeholder:"MM",className:m.input,disabled:D,value:G,onChange:$,status:cs?"error":void 0,inputRef:k,onFocus:V,onBlur:X}),j.jsx(t.Text,{color:"T9",size:14,children:":"}),j.jsx(i.TextInputNext,{placeholder:"SS",className:m.input,disabled:D,value:_,onChange:ss,status:rs?"error":void 0,inputRef:S,onFocus:V,onBlur:X}),j.jsx(u.ToggleButtons,{options:J,className:m.tabs,size:"small",value:A.partOfDay,onChange:es})]}),j.jsxs("div",{className:m.footer,children:[I&&j.jsx(l.Button,{onClick:I,type:"tertiary",size:"small",children:"Today"}),j.jsxs("div",{className:m.actions,children:[v&&j.jsx(l.Button,{onClick:v,type:"tertiary",size:"small",disabled:!e,children:"Clear"}),j.jsx(l.Button,{onClick:q,type:"secondary",size:"small",disabled:!e||ns||cs||rs,children:"Save"})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("classnames"),c=require("moment-timezone"),r=require("lodash"),i=require("../../TextInputNext/TextInputNext.js"),t=require("../../Text/Text.js"),u=require("../../ToggleButtons/ToggleButtons.js"),a=require("../utils.js"),l=require("../../Button/Button.js"),m=require("./TimePicker.scss.js"),d=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var j=require("react/jsx-runtime");function q(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var I=q(s),p=q(e),f=q(n),h=q(c);function v(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(s);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,n)}return o}function b(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?v(Object(o),!0).forEach((function(e){I.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var g=[{value:"am",label:"AM"},{value:"pm",label:"PM"}],C=function(s){return s.replace(/[^\d]/g,"").substring(0,2)},x=function(s){return Number(s)>=0&&Number(s)<=12},O=function(s){return Number(s)>=0&&Number(s)<60},y=O,T=function(s){return s.getTime()-h.default(s).startOf("day").toDate().getTime()},N=function(s){return void 0!==s?r.padStart(String(s),2,"0"):""},P=function(s){return"12"===s?"00":s};exports.TimePicker=function(s){var e=s.value,n=s.onChange,c=s.minDate,r=s.maxDate,q=s.saveTime,I=s.goToToday,v=s.clear,D=!e,F=o.useRef(null),k=o.useRef(null),S=o.useRef(null),M=o.useRef(),A=o.useMemo((function(){var s=e?T(e)>=432e5?"pm":"am":void 0,o="pm"===s?12:0,n=e?e.getHours()-o:void 0;return{hours:N(void 0!==n&&12===n?0:n),minutes:N(null==e?void 0:e.getMinutes()),seconds:N(null==e?void 0:e.getSeconds()),partOfDay:s}}),[e]),B=o.useState(A.hours),R=p.default(B,2),z=R[0],w=R[1],E=o.useState(A.minutes),H=p.default(E,2),G=H[0],U=H[1],L=o.useState(A.seconds),W=p.default(L,2),_=W[0],K=W[1];o.useEffect((function(){M.current!==F.current&&w(A.hours),M.current!==k.current&&U(A.minutes),M.current!==S.current&&K(A.seconds)}),[A.hours,A.minutes,A.seconds]);var Z=o.useMemo((function(){var s=a.isSameDay(c,e)&&h.default(c).format("hh:mm:ss A"),o=a.isSameDay(r,e)&&h.default(r).format("hh:mm:ss A");return s&&o?"In ".concat(s," - ").concat(o," range"):s?"Can’t be earlier than ".concat(s):o?"Can’t be later than ".concat(o):void 0}),[r,c,e]),J=o.useMemo((function(){return g.map((function(s){var o="am"===s.value&&!!c&&a.isSameDay(e,c)&&T(c)>=432e5,n="pm"===s.value&&!!r&&a.isSameDay(e,r)&&T(r)<432e5;return b(b({},s),{},{disabled:D||o||n})}))}),[D,r,c,e]),Q=o.useCallback((function(s,o){if(e){var c=new Date(e);if("hours"===s&&x(o)){var r="pm"===A.partOfDay?12:0;c.setHours(r+Number(o))}else if("minutes"===s&&O(o))c.setMinutes(Number(o));else if("seconds"===s&&y(o))c.setSeconds(Number(o));else if("partOfDay"===s&&("am"===o||"pm"===o)){var i=c.getHours()%12;c.setHours(("pm"===o?12:0)+i)}Math.floor(c.getTime()/1e3)!==Math.floor(e.getTime()/1e3)&&n(c)}}),[A.partOfDay,n,e]),V=o.useCallback((function(s){s.target.select(),M.current=s.target}),[]),X=o.useCallback((function(s){var e=C(s.target.value);if(s.target===F.current){var o=P(e),n=x(o)?N(o):A.hours;w(n),Q("hours",n)}if(s.target===k.current){var c=O(e)?N(e):A.minutes;U(c),Q("minutes",c)}if(s.target===S.current){var r=y(e)?N(e):A.seconds;K(r),Q("seconds",r)}M.current=void 0}),[A.hours,A.minutes,A.seconds,Q]),Y=o.useCallback((function(s){var e,o=C(s),n=P(o);(w(o),2===o.length&&x(o))&&(Q("hours",n),null===(e=k.current)||void 0===e||e.focus())}),[Q]),$=o.useCallback((function(s){var e,o=C(s);(U(o),2===o.length&&O(o))&&(Q("minutes",o),null===(e=S.current)||void 0===e||e.focus())}),[Q]),ss=o.useCallback((function(s){var e=C(s);K(e),y(e)&&Q("seconds",e)}),[Q]),es=o.useCallback((function(s){Q("partOfDay",s)}),[Q]),os=Number(null==e?void 0:e.getTime())>Number(null==r?void 0:r.getTime())||Number(null==e?void 0:e.getTime())<Number(null==c?void 0:c.getTime()),ns=!x(z)||os,cs=!O(G)||os,rs=!y(_)||os;return j.jsxs(j.Fragment,{children:[j.jsxs("div",{className:f.default(m.timePicker),children:[j.jsxs(t.Text,{className:m.header,size:14,children:[j.jsx("span",{className:f.default(m.headerText,D&&m.disabled),children:"Time"}),Z&&j.jsxs(j.Fragment,{children:[j.jsx(d.InfoIcon,{className:m.constraintIcon,size:16}),Z]})]}),j.jsx(i.TextInputNext,{placeholder:"HH",className:m.input,disabled:D,value:z,onChange:Y,status:ns?"error":void 0,inputRef:F,onFocus:V,onBlur:X}),j.jsx(t.Text,{color:"T9",size:14,children:":"}),j.jsx(i.TextInputNext,{placeholder:"MM",className:m.input,disabled:D,value:G,onChange:$,status:cs?"error":void 0,inputRef:k,onFocus:V,onBlur:X}),j.jsx(t.Text,{color:"T9",size:14,children:":"}),j.jsx(i.TextInputNext,{placeholder:"SS",className:m.input,disabled:D,value:_,onChange:ss,status:rs?"error":void 0,inputRef:S,onFocus:V,onBlur:X}),j.jsx(u.ToggleButtons,{options:J,className:m.tabs,size:"small",value:A.partOfDay,onChange:es})]}),j.jsxs("div",{className:m.footer,children:[I&&j.jsx(l.Button,{onClick:I,type:"tertiary",size:"small",children:"Today"}),j.jsxs("div",{className:m.actions,children:[v&&j.jsx(l.Button,{onClick:v,type:"tertiary",size:"small",disabled:!e,children:"Clear"}),j.jsx(l.Button,{onClick:q,type:"secondary",size:"small",disabled:!e||ns||cs||rs,children:"Save"})]})]})]})};
 //# sourceMappingURL=TimePicker.js.map

package/cjs-bundle/componentsV2/DatePicker/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../../src/componentsV2/DatePicker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { padStart } from 'lodash';\n\nimport { TextInputNext } from '../../TextInputNext';\nimport { Text } from '../../Text';\nimport { ToggleButtons } from '../../ToggleButtons';\nimport { isSameDay } from '../utils';\nimport { Button } from '../../Button';\n\nimport styles from './TimePicker.scss';\n\nimport { InfoIcon } from '~/icons';\n\ntype AmPm = 'am' | 'pm';\n\nconst HalfOfDayMs = 12 * 60 * 60 * 1000;\n\nconst ToggleButtonsOptions: { value: AmPm; label: string }[] = [\n  { value: 'am', label: 'AM' },\n  { value: 'pm', label: 'PM' },\n];\n\nexport type TimePickerProps = {\n  value?: Date;\n  onChange: (date: Date) => void;\n  saveTime: () => void;\n  maxDate?: Date;\n  minDate?: Date;\n\n  goToToday?: () => void;\n  clear?: () => void;\n};\n\nconst sanitize = (value: string) => value.replace(/[^\\d]/g, '').substring(0, 2);\nconst validateHours = (value?: string) => Number(value) >= 0 && Number(value) <= 12;\nconst validateMinutes = (value?: string) => Number(value) >= 0 && Number(value) < 60;\nconst validateSeconds = validateMinutes;\n\nconst getOffsetFromDayStart = (date: Date) => {\n  return date.getTime() - moment(date).startOf('day').toDate().getTime();\n};\n\nconst formatTimePart = (part?: string | number) =>\n  part !== undefined ? padStart(String(part), 2, '0') : '';\n\nconst getPartOfDay = (date: Date) => {\n  return getOffsetFromDayStart(date) >= HalfOfDayMs ? 'pm' : 'am';\n};\n\nconst getActualHours = (sanitized: string) => (sanitized === '12' ? '00' : sanitized);\n\nexport const TimePicker = ({\n  value,\n  onChange,\n  minDate,\n  maxDate,\n  saveTime,\n  goToToday,\n  clear,\n}: TimePickerProps) => {\n  const disabled = !value;\n\n  const hoursInputRef = useRef<HTMLInputElement>(null);\n  const minutesInputRef = useRef<HTMLInputElement>(null);\n  const secondsInputRef = useRef<HTMLInputElement>(null);\n\n  const focusedInputRef = useRef<HTMLInputElement>();\n\n  const timeParts = useMemo(() => {\n    const partOfDay = value ? getPartOfDay(value) : undefined;\n\n    const hourOffset = partOfDay === 'pm' ? 12 : 0;\n\n    const hours = value ? value.getHours() - hourOffset : undefined;\n\n    const hoursAmPm = hours !== undefined && hours === 0 ? 12 : hours;\n\n    return {\n      hours: formatTimePart(hoursAmPm),\n      minutes: formatTimePart(value?.getMinutes()),\n      seconds: formatTimePart(value?.getSeconds()),\n      partOfDay,\n    };\n  }, [value]);\n\n  const [hours, setHours] = useState(timeParts.hours);\n  const [minutes, setMinutes] = useState(timeParts.minutes);\n  const [seconds, setSeconds] = useState(timeParts.seconds);\n\n  useEffect(() => {\n    if (focusedInputRef.current !== hoursInputRef.current) {\n      setHours(timeParts.hours);\n    }\n    if (focusedInputRef.current !== minutesInputRef.current) {\n      setMinutes(timeParts.minutes);\n    }\n    if (focusedInputRef.current !== secondsInputRef.current) {\n      setSeconds(timeParts.seconds);\n    }\n  }, [timeParts.hours, timeParts.minutes, timeParts.seconds]);\n\n  const constraintText = useMemo(() => {\n    const minValue = isSameDay(minDate, value) && moment(minDate).format('hh:mm:ss A');\n    const maxValue = isSameDay(maxDate, value) && moment(maxDate).format('hh:mm:ss A');\n\n    if (minValue && maxValue) {\n      return `In ${minValue} - ${maxValue} range`;\n    } else if (minValue) {\n      return `Can’t be earlier than ${minValue}`;\n    } else if (maxValue) {\n      return `Can’t be later than ${maxValue}`;\n    }\n    return undefined;\n  }, [maxDate, minDate, value]);\n\n  const amPmOptions = useMemo(\n    () =>\n      ToggleButtonsOptions.map(item => {\n        const isAmDisabled =\n          item.value === 'am' &&\n          !!minDate &&\n          isSameDay(value, minDate) &&\n          getOffsetFromDayStart(minDate) >= HalfOfDayMs;\n\n        const isPmDisabled =\n          item.value === 'pm' &&\n          !!maxDate &&\n          isSameDay(value, maxDate) &&\n          getOffsetFromDayStart(maxDate) < HalfOfDayMs;\n\n        return { ...item, disabled: disabled || isAmDisabled || isPmDisabled };\n      }),\n    [disabled, maxDate, minDate, value]\n  );\n\n  const updateValue = useCallback(\n    (type: 'hours' | 'minutes' | 'seconds' | 'partOfDay', newValue: string) => {\n      if (!value) {\n        return;\n      }\n\n      const newDate = new Date(value);\n\n      if (type === 'hours' && validateHours(newValue)) {\n        const partOfDayOffset = timeParts.partOfDay === 'pm' ? 12 : 0;\n        newDate.setHours(partOfDayOffset + Number(newValue));\n      } else if (type === 'minutes' && validateMinutes(newValue)) {\n        newDate.setMinutes(Number(newValue));\n      } else if (type === 'seconds' && validateSeconds(newValue)) {\n        newDate.setSeconds(Number(newValue));\n      } else if (type === 'partOfDay' && (newValue === 'am' || newValue === 'pm')) {\n        const hoursOffset = newDate.getHours() % 12;\n        newDate.setHours((newValue === 'pm' ? 12 : 0) + hoursOffset);\n      }\n\n      if (Math.floor(newDate.getTime() / 1000) !== Math.floor(value.getTime() / 1000)) {\n        onChange(newDate);\n      }\n    },\n    [timeParts.partOfDay, onChange, value]\n  );\n\n  const onFieldFocus = useCallback<FocusEventHandler<HTMLInputElement>>(e => {\n    e.target.select();\n    focusedInputRef.current = e.target;\n  }, []);\n\n  const onFieldBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    e => {\n      const fieldValue = sanitize(e.target.value);\n\n      if (e.target === hoursInputRef.current) {\n        const actualHours = getActualHours(fieldValue);\n        const newHours = validateHours(actualHours) ? formatTimePart(actualHours) : timeParts.hours;\n        setHours(newHours);\n        updateValue('hours', newHours);\n      }\n      if (e.target === minutesInputRef.current) {\n        const newMinutes = validateMinutes(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.minutes;\n        setMinutes(newMinutes);\n        updateValue('minutes', newMinutes);\n      }\n      if (e.target === secondsInputRef.current) {\n        const newSeconds = validateSeconds(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.seconds;\n        setSeconds(newSeconds);\n        updateValue('seconds', newSeconds);\n      }\n\n      focusedInputRef.current = undefined;\n    },\n    [timeParts.hours, timeParts.minutes, timeParts.seconds, updateValue]\n  );\n\n  const onChangeHours = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      const actualHours = getActualHours(sanitized);\n      setHours(sanitized);\n      if (sanitized.length === 2 && validateHours(sanitized)) {\n        updateValue('hours', actualHours);\n        minutesInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeMinutes = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setMinutes(sanitized);\n      if (sanitized.length === 2 && validateMinutes(sanitized)) {\n        updateValue('minutes', sanitized);\n        secondsInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeSeconds = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setSeconds(sanitized);\n      if (validateSeconds(sanitized)) {\n        updateValue('seconds', sanitized);\n      }\n    },\n    [updateValue]\n  );\n\n  const setPartOfDay = useCallback(\n    (newValue: string) => {\n      updateValue('partOfDay', newValue);\n    },\n    [updateValue]\n  );\n\n  const outOfBounds =\n    Number(value?.getTime()) > Number(maxDate?.getTime()) ||\n    Number(value?.getTime()) < Number(minDate?.getTime());\n\n  const hoursInvalid = !validateHours(hours) || outOfBounds;\n  const minutesInvalid = !validateMinutes(minutes) || outOfBounds;\n  const secondsInvalid = !validateSeconds(seconds) || outOfBounds;\n\n  return (\n    <>\n      <div className={classNames(styles.timePicker)}>\n        <Text className={styles.header} size={14}>\n          <span className={classNames(styles.headerText, disabled && styles.disabled)}>Time</span>\n          {constraintText && (\n            <>\n              <InfoIcon className={styles.constraintIcon} size={16} />\n              {constraintText}\n            </>\n          )}\n        </Text>\n\n        <TextInputNext\n          placeholder=\"HH\"\n          className={styles.input}\n          disabled={disabled}\n          value={hours}\n          onChange={onChangeHours}\n          status={hoursInvalid ? 'error' : undefined}\n          inputRef={hoursInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"MM\"\n          className={styles.input}\n          disabled={disabled}\n          value={minutes}\n          onChange={onChangeMinutes}\n          status={minutesInvalid ? 'error' : undefined}\n          inputRef={minutesInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"SS\"\n          className={styles.input}\n          disabled={disabled}\n          value={seconds}\n          onChange={onChangeSeconds}\n          status={secondsInvalid ? 'error' : undefined}\n          inputRef={secondsInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <ToggleButtons\n          options={amPmOptions}\n          className={styles.tabs}\n          size=\"small\"\n          value={timeParts.partOfDay}\n          onChange={setPartOfDay}\n        />\n      </div>\n      <div className={styles.footer}>\n        {goToToday && (\n          <Button onClick={goToToday} type=\"tertiary\" size=\"small\">\n            Today\n          </Button>\n        )}\n\n        <div className={styles.actions}>\n          {clear && (\n            <Button onClick={clear} type=\"tertiary\" size=\"small\" disabled={!value}>\n              Clear\n            </Button>\n          )}\n\n          <Button\n            onClick={saveTime}\n            type=\"secondary\"\n            size=\"small\"\n            disabled={!value || hoursInvalid || minutesInvalid || secondsInvalid}\n          >\n            Save\n          </Button>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["ToggleButtonsOptions","value","label","sanitize","replace","substring","validateHours","Number","validateMinutes","validateSeconds","getOffsetFromDayStart","date","getTime","moment","startOf","toDate","formatTimePart","part","undefined","padStart","String","getActualHours","sanitized","_ref","onChange","minDate","maxDate","saveTime","goToToday","clear","disabled","hoursInputRef","useRef","minutesInputRef","secondsInputRef","focusedInputRef","timeParts","useMemo","partOfDay","hourOffset","hours","getHours","minutes","getMinutes","seconds","getSeconds","_useState","useState","_useState2","_slicedToArray","setHours","_useState3","_useState4","setMinutes","_useState5","_useState6","setSeconds","useEffect","current","constraintText","minValue","isSameDay","format","maxValue","concat","amPmOptions","map","item","isAmDisabled","isPmDisabled","_objectSpread","updateValue","useCallback","type","newValue","newDate","Date","partOfDayOffset","hoursOffset","Math","floor","onFieldFocus","e","target","select","onFieldBlur","fieldValue","actualHours","newHours","newMinutes","newSeconds","onChangeHours","_minutesInputRef$curr","length","focus","onChangeMinutes","_secondsInputRef$curr","onChangeSeconds","setPartOfDay","outOfBounds","hoursInvalid","minutesInvalid","secondsInvalid","_jsxs","_Fragment","children","jsxs","className","classNames","styles","timePicker","Text","header","size","_jsx","jsx","headerText","InfoIcon","constraintIcon","TextInputNext","placeholder","input","status","inputRef","onFocus","onBlur","color","ToggleButtons","options","tabs","footer","Button","onClick","actions"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../../src/componentsV2/DatePicker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { padStart } from 'lodash';\n\nimport { TextInputNext } from '../../TextInputNext';\nimport { Text } from '../../Text';\nimport { ToggleButtons } from '../../ToggleButtons';\nimport { isSameDay } from '../utils';\nimport { Button } from '../../Button';\n\nimport styles from './TimePicker.scss';\n\nimport { InfoIcon } from '~/icons';\n\ntype AmPm = 'am' | 'pm';\n\nconst HalfOfDayMs = 12 * 60 * 60 * 1000;\n\nconst ToggleButtonsOptions: { value: AmPm; label: string }[] = [\n  { value: 'am', label: 'AM' },\n  { value: 'pm', label: 'PM' },\n];\n\nexport type TimePickerProps = {\n  value?: Date;\n  onChange: (date: Date) => void;\n  saveTime: () => void;\n  maxDate?: Date;\n  minDate?: Date;\n\n  goToToday?: () => void;\n  clear?: () => void;\n};\n\nconst sanitize = (value: string) => value.replace(/[^\\d]/g, '').substring(0, 2);\nconst validateHours = (value?: string) => Number(value) >= 0 && Number(value) <= 12;\nconst validateMinutes = (value?: string) => Number(value) >= 0 && Number(value) < 60;\nconst validateSeconds = validateMinutes;\n\nconst getOffsetFromDayStart = (date: Date) => {\n  return date.getTime() - moment(date).startOf('day').toDate().getTime();\n};\n\nconst formatTimePart = (part?: string | number) =>\n  part !== undefined ? padStart(String(part), 2, '0') : '';\n\nconst getPartOfDay = (date: Date) => {\n  return getOffsetFromDayStart(date) >= HalfOfDayMs ? 'pm' : 'am';\n};\n\nconst getActualHours = (sanitized: string) => (sanitized === '12' ? '00' : sanitized);\n\nexport const TimePicker = ({\n  value,\n  onChange,\n  minDate,\n  maxDate,\n  saveTime,\n  goToToday,\n  clear,\n}: TimePickerProps) => {\n  const disabled = !value;\n\n  const hoursInputRef = useRef<HTMLInputElement>(null);\n  const minutesInputRef = useRef<HTMLInputElement>(null);\n  const secondsInputRef = useRef<HTMLInputElement>(null);\n\n  const focusedInputRef = useRef<HTMLInputElement>();\n\n  const timeParts = useMemo(() => {\n    const partOfDay = value ? getPartOfDay(value) : undefined;\n\n    const hourOffset = partOfDay === 'pm' ? 12 : 0;\n\n    const hours = value ? value.getHours() - hourOffset : undefined;\n\n    const hoursAmPm = hours !== undefined && hours === 12 ? 0 : hours;\n\n    return {\n      hours: formatTimePart(hoursAmPm),\n      minutes: formatTimePart(value?.getMinutes()),\n      seconds: formatTimePart(value?.getSeconds()),\n      partOfDay,\n    };\n  }, [value]);\n\n  const [hours, setHours] = useState(timeParts.hours);\n  const [minutes, setMinutes] = useState(timeParts.minutes);\n  const [seconds, setSeconds] = useState(timeParts.seconds);\n\n  useEffect(() => {\n    if (focusedInputRef.current !== hoursInputRef.current) {\n      setHours(timeParts.hours);\n    }\n    if (focusedInputRef.current !== minutesInputRef.current) {\n      setMinutes(timeParts.minutes);\n    }\n    if (focusedInputRef.current !== secondsInputRef.current) {\n      setSeconds(timeParts.seconds);\n    }\n  }, [timeParts.hours, timeParts.minutes, timeParts.seconds]);\n\n  const constraintText = useMemo(() => {\n    const minValue = isSameDay(minDate, value) && moment(minDate).format('hh:mm:ss A');\n    const maxValue = isSameDay(maxDate, value) && moment(maxDate).format('hh:mm:ss A');\n\n    if (minValue && maxValue) {\n      return `In ${minValue} - ${maxValue} range`;\n    } else if (minValue) {\n      return `Can’t be earlier than ${minValue}`;\n    } else if (maxValue) {\n      return `Can’t be later than ${maxValue}`;\n    }\n    return undefined;\n  }, [maxDate, minDate, value]);\n\n  const amPmOptions = useMemo(\n    () =>\n      ToggleButtonsOptions.map(item => {\n        const isAmDisabled =\n          item.value === 'am' &&\n          !!minDate &&\n          isSameDay(value, minDate) &&\n          getOffsetFromDayStart(minDate) >= HalfOfDayMs;\n\n        const isPmDisabled =\n          item.value === 'pm' &&\n          !!maxDate &&\n          isSameDay(value, maxDate) &&\n          getOffsetFromDayStart(maxDate) < HalfOfDayMs;\n\n        return { ...item, disabled: disabled || isAmDisabled || isPmDisabled };\n      }),\n    [disabled, maxDate, minDate, value]\n  );\n\n  const updateValue = useCallback(\n    (type: 'hours' | 'minutes' | 'seconds' | 'partOfDay', newValue: string) => {\n      if (!value) {\n        return;\n      }\n\n      const newDate = new Date(value);\n\n      if (type === 'hours' && validateHours(newValue)) {\n        const partOfDayOffset = timeParts.partOfDay === 'pm' ? 12 : 0;\n        newDate.setHours(partOfDayOffset + Number(newValue));\n      } else if (type === 'minutes' && validateMinutes(newValue)) {\n        newDate.setMinutes(Number(newValue));\n      } else if (type === 'seconds' && validateSeconds(newValue)) {\n        newDate.setSeconds(Number(newValue));\n      } else if (type === 'partOfDay' && (newValue === 'am' || newValue === 'pm')) {\n        const hoursOffset = newDate.getHours() % 12;\n        newDate.setHours((newValue === 'pm' ? 12 : 0) + hoursOffset);\n      }\n\n      if (Math.floor(newDate.getTime() / 1000) !== Math.floor(value.getTime() / 1000)) {\n        onChange(newDate);\n      }\n    },\n    [timeParts.partOfDay, onChange, value]\n  );\n\n  const onFieldFocus = useCallback<FocusEventHandler<HTMLInputElement>>(e => {\n    e.target.select();\n    focusedInputRef.current = e.target;\n  }, []);\n\n  const onFieldBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    e => {\n      const fieldValue = sanitize(e.target.value);\n\n      if (e.target === hoursInputRef.current) {\n        const actualHours = getActualHours(fieldValue);\n        const newHours = validateHours(actualHours) ? formatTimePart(actualHours) : timeParts.hours;\n        setHours(newHours);\n        updateValue('hours', newHours);\n      }\n      if (e.target === minutesInputRef.current) {\n        const newMinutes = validateMinutes(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.minutes;\n        setMinutes(newMinutes);\n        updateValue('minutes', newMinutes);\n      }\n      if (e.target === secondsInputRef.current) {\n        const newSeconds = validateSeconds(fieldValue)\n          ? formatTimePart(fieldValue)\n          : timeParts.seconds;\n        setSeconds(newSeconds);\n        updateValue('seconds', newSeconds);\n      }\n\n      focusedInputRef.current = undefined;\n    },\n    [timeParts.hours, timeParts.minutes, timeParts.seconds, updateValue]\n  );\n\n  const onChangeHours = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      const actualHours = getActualHours(sanitized);\n      setHours(sanitized);\n      if (sanitized.length === 2 && validateHours(sanitized)) {\n        updateValue('hours', actualHours);\n        minutesInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeMinutes = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setMinutes(sanitized);\n      if (sanitized.length === 2 && validateMinutes(sanitized)) {\n        updateValue('minutes', sanitized);\n        secondsInputRef.current?.focus();\n      }\n    },\n    [updateValue]\n  );\n\n  const onChangeSeconds = useCallback(\n    (newValue: string) => {\n      const sanitized = sanitize(newValue);\n      setSeconds(sanitized);\n      if (validateSeconds(sanitized)) {\n        updateValue('seconds', sanitized);\n      }\n    },\n    [updateValue]\n  );\n\n  const setPartOfDay = useCallback(\n    (newValue: string) => {\n      updateValue('partOfDay', newValue);\n    },\n    [updateValue]\n  );\n\n  const outOfBounds =\n    Number(value?.getTime()) > Number(maxDate?.getTime()) ||\n    Number(value?.getTime()) < Number(minDate?.getTime());\n\n  const hoursInvalid = !validateHours(hours) || outOfBounds;\n  const minutesInvalid = !validateMinutes(minutes) || outOfBounds;\n  const secondsInvalid = !validateSeconds(seconds) || outOfBounds;\n\n  return (\n    <>\n      <div className={classNames(styles.timePicker)}>\n        <Text className={styles.header} size={14}>\n          <span className={classNames(styles.headerText, disabled && styles.disabled)}>Time</span>\n          {constraintText && (\n            <>\n              <InfoIcon className={styles.constraintIcon} size={16} />\n              {constraintText}\n            </>\n          )}\n        </Text>\n\n        <TextInputNext\n          placeholder=\"HH\"\n          className={styles.input}\n          disabled={disabled}\n          value={hours}\n          onChange={onChangeHours}\n          status={hoursInvalid ? 'error' : undefined}\n          inputRef={hoursInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"MM\"\n          className={styles.input}\n          disabled={disabled}\n          value={minutes}\n          onChange={onChangeMinutes}\n          status={minutesInvalid ? 'error' : undefined}\n          inputRef={minutesInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <Text color=\"T9\" size={14}>\n          :\n        </Text>\n\n        <TextInputNext\n          placeholder=\"SS\"\n          className={styles.input}\n          disabled={disabled}\n          value={seconds}\n          onChange={onChangeSeconds}\n          status={secondsInvalid ? 'error' : undefined}\n          inputRef={secondsInputRef}\n          onFocus={onFieldFocus}\n          onBlur={onFieldBlur}\n        />\n\n        <ToggleButtons\n          options={amPmOptions}\n          className={styles.tabs}\n          size=\"small\"\n          value={timeParts.partOfDay}\n          onChange={setPartOfDay}\n        />\n      </div>\n      <div className={styles.footer}>\n        {goToToday && (\n          <Button onClick={goToToday} type=\"tertiary\" size=\"small\">\n            Today\n          </Button>\n        )}\n\n        <div className={styles.actions}>\n          {clear && (\n            <Button onClick={clear} type=\"tertiary\" size=\"small\" disabled={!value}>\n              Clear\n            </Button>\n          )}\n\n          <Button\n            onClick={saveTime}\n            type=\"secondary\"\n            size=\"small\"\n            disabled={!value || hoursInvalid || minutesInvalid || secondsInvalid}\n          >\n            Save\n          </Button>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["ToggleButtonsOptions","value","label","sanitize","replace","substring","validateHours","Number","validateMinutes","validateSeconds","getOffsetFromDayStart","date","getTime","moment","startOf","toDate","formatTimePart","part","undefined","padStart","String","getActualHours","sanitized","_ref","onChange","minDate","maxDate","saveTime","goToToday","clear","disabled","hoursInputRef","useRef","minutesInputRef","secondsInputRef","focusedInputRef","timeParts","useMemo","partOfDay","hourOffset","hours","getHours","minutes","getMinutes","seconds","getSeconds","_useState","useState","_useState2","_slicedToArray","setHours","_useState3","_useState4","setMinutes","_useState5","_useState6","setSeconds","useEffect","current","constraintText","minValue","isSameDay","format","maxValue","concat","amPmOptions","map","item","isAmDisabled","isPmDisabled","_objectSpread","updateValue","useCallback","type","newValue","newDate","Date","partOfDayOffset","hoursOffset","Math","floor","onFieldFocus","e","target","select","onFieldBlur","fieldValue","actualHours","newHours","newMinutes","newSeconds","onChangeHours","_minutesInputRef$curr","length","focus","onChangeMinutes","_secondsInputRef$curr","onChangeSeconds","setPartOfDay","outOfBounds","hoursInvalid","minutesInvalid","secondsInvalid","_jsxs","_Fragment","children","jsxs","className","classNames","styles","timePicker","Text","header","size","_jsx","jsx","headerText","InfoIcon","constraintIcon","TextInputNext","placeholder","input","status","inputRef","onFocus","onBlur","color","ToggleButtons","options","tabs","footer","Button","onClick","actions"],"mappings":"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"}

package/cjs-bundle/componentsV2/DatePicker/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={date:"DD MMM YYYY",dateTime:"DD MMM YYYY hh:mm A",month:"MMMM YYYY"},e={date:"DD/MM/YYYY",dateTime:"DD/MM/YYYY hh:mm A",month:"MMM YYYY"},l=["D","M","Y","h","m","s","S"],n=[].concat(l,["A"]),i=new RegExp("^([^".concat(n.join(""),"]+)"),"gi"),r={month:"MM/YYYY",date:"DD/MM/YYYY",dateTime:"DD/MM/YYYY hh:mm A"},o={month:[r.month,"MMMM YYYY","MMM YYYY"],date:[r.date,"D/M/YYYY"],dateTime:[r.dateTime,"D/M/YYYY hh:mm A"]},u=function(t,e){return!!t&&!!e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()};exports.DefaultFormatByType=t,exports.DefaultFormatByTypeRange=e,exports.InputAutocompleteFormats=r,exports.InputParseFormats=o,exports.MonthOptions=[{id:1,title:"Jan",fullTitle:"January"},{id:2,title:"Feb",fullTitle:"February"},{id:3,title:"Mar",fullTitle:"March"},{id:4,title:"Apr",fullTitle:"April"},{id:5,title:"May",fullTitle:"May"},{id:6,title:"Jun",fullTitle:"June"},{id:7,title:"Jul",fullTitle:"July"},{id:8,title:"Aug",fullTitle:"August"},{id:9,title:"Sep",fullTitle:"September"},{id:10,title:"Oct",fullTitle:"October"},{id:11,title:"Nov",fullTitle:"November"},{id:12,title:"Dec",fullTitle:"December"}],exports.autocompleteValue=function(t){var e=t.value,n=t.type,o=t.range,u=t.prevValue,a=r[n],Y=o?"".concat(a," - ").concat(a):a,M=e.toLocaleLowerCase().replace(/([ap])m/gi,"$1");if(e.length<=u.length||!function(t,e){return e.length<=t.length&&e.split("").every((function(e,n){var i,r=t[n];if(l.includes(r))return null==(i=e)?void 0:i.match(/\d/);if("A"===r){var o=e.toLocaleLowerCase();return"a"===o||"p"===o}return r===e}))}(Y,M)||Y.length<=M.length)return e;var c=function(t,e){var l;return(null===(l=t.substring(e).match(i))||void 0===l?void 0:l[0])||""}(Y,M.length);return"".concat(e).concat(c)},exports.getDateWithSameTime=function(t,e){return new Date(t.getFullYear(),t.getMonth(),t.getDate(),(null==e?void 0:e.getHours())||0,(null==e?void 0:e.getMinutes())||0,(null==e?void 0:e.getSeconds())||0)},exports.getDefaultFormat=function(l,n){return(n?e:t)[l]},exports.getMaxDate=function(t,e){return t&&e?t>e?t:e:t||e},exports.getMinDate=function(t,e){return t&&e?t<e?t:e:t||e},exports.isSameDay=function(t,e){return u(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate())},exports.isSameMonth=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={date:"MMM DD YYYY",dateTime:"MMM DD YYYY hh:mm A",month:"MMMM YYYY"},e={date:"MM/DD/YYYY",dateTime:"MM/DD/YYYY hh:mm A",month:"MMM YYYY"},l=["D","M","Y","h","m","s","S"],n=[].concat(l,["A"]),i=new RegExp("^([^".concat(n.join(""),"]+)"),"gi"),r={month:"MM/YYYY",date:"MM/DD/YYYY",dateTime:"MM/DD/YYYY hh:mm A"},o={month:[r.month,"MMMM YYYY","MMM YYYY"],date:[r.date,"M/D/YYYY"],dateTime:[r.dateTime,"M/D/YYYY hh:mm A"]},u=function(t,e){return!!t&&!!e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()};exports.DefaultFormatByType=t,exports.DefaultFormatByTypeRange=e,exports.InputAutocompleteFormats=r,exports.InputParseFormats=o,exports.MonthOptions=[{id:1,title:"Jan",fullTitle:"January"},{id:2,title:"Feb",fullTitle:"February"},{id:3,title:"Mar",fullTitle:"March"},{id:4,title:"Apr",fullTitle:"April"},{id:5,title:"May",fullTitle:"May"},{id:6,title:"Jun",fullTitle:"June"},{id:7,title:"Jul",fullTitle:"July"},{id:8,title:"Aug",fullTitle:"August"},{id:9,title:"Sep",fullTitle:"September"},{id:10,title:"Oct",fullTitle:"October"},{id:11,title:"Nov",fullTitle:"November"},{id:12,title:"Dec",fullTitle:"December"}],exports.autocompleteValue=function(t){var e=t.value,n=t.type,o=t.range,u=t.prevValue,a=r[n],Y=o?"".concat(a," - ").concat(a):a,M=e.toLocaleLowerCase().replace(/([ap])m/gi,"$1");if(e.length<=u.length||!function(t,e){return e.length<=t.length&&e.split("").every((function(e,n){var i,r=t[n];if(l.includes(r))return null==(i=e)?void 0:i.match(/\d/);if("A"===r){var o=e.toLocaleLowerCase();return"a"===o||"p"===o}return r===e}))}(Y,M)||Y.length<=M.length)return e;var c=function(t,e){var l;return(null===(l=t.substring(e).match(i))||void 0===l?void 0:l[0])||""}(Y,M.length);return"".concat(e).concat(c)},exports.getDateWithSameTime=function(t,e){return new Date(t.getFullYear(),t.getMonth(),t.getDate(),(null==e?void 0:e.getHours())||0,(null==e?void 0:e.getMinutes())||0,(null==e?void 0:e.getSeconds())||0)},exports.getDefaultFormat=function(l,n){return(n?e:t)[l]},exports.getMaxDate=function(t,e){return t&&e?t>e?t:e:t||e},exports.getMinDate=function(t,e){return t&&e?t<e?t:e:t||e},exports.isSameDay=function(t,e){return u(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate())},exports.isSameMonth=u;
 //# sourceMappingURL=utils.js.map

package/cjs-bundle/componentsV2/DatePicker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/DatePicker/utils.tsx"],"sourcesContent":["export type DatePickerType = 'date' | 'dateTime' | 'month';\n\nexport type DatePickerValue<IsRange extends boolean | undefined = false> = IsRange extends\n  | undefined\n  | false\n  ? Date | undefined\n  : [Date, Date] | undefined;\n\nexport type DatePickerChangeHandler<IsRange extends boolean | undefined = false> = (\n  value: DatePickerValue<IsRange>\n) => void;\n\n// startDate - initial state, no start date selected\n// endDate - start done, no end date selected\nexport type RangeSelectionStep = 'startDate' | 'endDate';\n\nexport const DefaultFormatByType: Record<DatePickerType, string> = {\n  date: 'DD MMM YYYY',\n  dateTime: 'DD MMM YYYY hh:mm A',\n  month: 'MMMM YYYY',\n};\n\nexport const DefaultFormatByTypeRange: Record<DatePickerType, string> = {\n  date: 'DD/MM/YYYY',\n  dateTime: 'DD/MM/YYYY hh:mm A',\n  month: 'MMM YYYY',\n};\n\nexport const getDefaultFormat = (type: DatePickerType, range?: boolean) => {\n  const map = range ? DefaultFormatByTypeRange : DefaultFormatByType;\n  return map[type];\n};\n\nconst NumericLetters = ['D', 'M', 'Y', 'h', 'm', 's', 'S'];\nconst AllLetters = [...NumericLetters, 'A'];\nconst GetSeparatorRegex = new RegExp(`^([^${AllLetters.join('')}]+)`, 'gi');\n\n// These formats should be composed only of `AllLetters` as placeholders only\nexport const InputAutocompleteFormats: Record<DatePickerType, string> = {\n  month: 'MM/YYYY',\n  date: 'DD/MM/YYYY',\n  dateTime: 'DD/MM/YYYY hh:mm A',\n};\n\nexport const InputParseFormats: Record<DatePickerType, string[]> = {\n  month: [InputAutocompleteFormats.month, 'MMMM YYYY', 'MMM YYYY'],\n  date: [InputAutocompleteFormats.date, 'D/M/YYYY'],\n  dateTime: [InputAutocompleteFormats.dateTime, 'D/M/YYYY hh:mm A'],\n};\n\nconst isDigit = (symbol?: string) => symbol?.match(/\\d/);\n\nconst isInFormatSoFar = (format: string, value: string) => {\n  if (value.length <= format.length) {\n    const valueArr = value.split('');\n\n    return valueArr.every((valueChar, pos) => {\n      const formatChar = format[pos];\n\n      if (NumericLetters.includes(formatChar)) {\n        return isDigit(valueChar);\n      }\n\n      if (formatChar === 'A') {\n        const lcChar = valueChar.toLocaleLowerCase();\n        return lcChar === 'a' || lcChar === 'p';\n      }\n\n      return formatChar === valueChar;\n    });\n  }\n\n  return false;\n};\n\nconst getSeparator = (format: string, startIndex: number) => {\n  return format.substring(startIndex).match(GetSeparatorRegex)?.[0] || '';\n};\n\nexport const autocompleteValue = ({\n  value,\n  type,\n  range,\n  prevValue,\n}: {\n  type: DatePickerType;\n  range?: boolean;\n  value: string;\n  prevValue: string;\n}) => {\n  const formatPart = InputAutocompleteFormats[type];\n  const format = range ? `${formatPart} - ${formatPart}` : formatPart;\n\n  const preparedValue = value.toLocaleLowerCase().replace(/([ap])m/gi, '$1');\n\n  if (\n    value.length <= prevValue.length ||\n    !isInFormatSoFar(format, preparedValue) ||\n    format.length <= preparedValue.length\n  ) {\n    return value;\n  }\n\n  // Only autocomplete if user types something\n  // Check if conforms to format so far\n  // Adding separators if needed\n  const separator = getSeparator(format, preparedValue.length);\n\n  return `${value}${separator}`;\n};\n\nexport const isSameMonth = (a?: Date, b?: Date) =>\n  !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();\n\nexport const isSameDay = (a?: Date, b?: Date) => isSameMonth(a, b) && a?.getDate() === b?.getDate();\n\nexport const getMinDate = (a?: Date, b?: Date) => {\n  if (a && b) {\n    return a < b ? a : b;\n  }\n\n  return a || b;\n};\n\nexport const getMaxDate = (a?: Date, b?: Date) => {\n  if (a && b) {\n    return a > b ? a : b;\n  }\n\n  return a || b;\n};\n\nexport const MonthOptions = [\n  { id: 1, title: 'Jan', fullTitle: 'January' },\n  { id: 2, title: 'Feb', fullTitle: 'February' },\n  { id: 3, title: 'Mar', fullTitle: 'March' },\n  { id: 4, title: 'Apr', fullTitle: 'April' },\n  { id: 5, title: 'May', fullTitle: 'May' },\n  { id: 6, title: 'Jun', fullTitle: 'June' },\n  { id: 7, title: 'Jul', fullTitle: 'July' },\n  { id: 8, title: 'Aug', fullTitle: 'August' },\n  { id: 9, title: 'Sep', fullTitle: 'September' },\n  { id: 10, title: 'Oct', fullTitle: 'October' },\n  { id: 11, title: 'Nov', fullTitle: 'November' },\n  { id: 12, title: 'Dec', fullTitle: 'December' },\n];\n\nexport type DatePickerCalendarView = 'year' | 'month';\n\nexport const getDateWithSameTime = (date: Date, timeDate?: Date) =>\n  new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    timeDate?.getHours() || 0,\n    timeDate?.getMinutes() || 0,\n    timeDate?.getSeconds() || 0\n  );\n"],"names":["DefaultFormatByType","date","dateTime","month","DefaultFormatByTypeRange","NumericLetters","AllLetters","concat","GetSeparatorRegex","RegExp","join","InputAutocompleteFormats","InputParseFormats","isSameMonth","a","b","getFullYear","getMonth","id","title","fullTitle","_ref","value","type","range","prevValue","formatPart","format","preparedValue","toLocaleLowerCase","replace","length","split","every","valueChar","pos","symbol","formatChar","includes","match","lcChar","isInFormatSoFar","separator","startIndex","_format$substring$mat","substring","getSeparator","timeDate","Date","getDate","getHours","getMinutes","getSeconds"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/DatePicker/utils.tsx"],"sourcesContent":["export type DatePickerType = 'date' | 'dateTime' | 'month';\n\nexport type DatePickerValue<IsRange extends boolean | undefined = false> = IsRange extends\n  | undefined\n  | false\n  ? Date | undefined\n  : [Date, Date] | undefined;\n\nexport type DatePickerChangeHandler<IsRange extends boolean | undefined = false> = (\n  value: DatePickerValue<IsRange>\n) => void;\n\n// startDate - initial state, no start date selected\n// endDate - start done, no end date selected\nexport type RangeSelectionStep = 'startDate' | 'endDate';\n\nexport const DefaultFormatByType: Record<DatePickerType, string> = {\n  date: 'MMM DD YYYY',\n  dateTime: 'MMM DD YYYY hh:mm A',\n  month: 'MMMM YYYY',\n};\n\nexport const DefaultFormatByTypeRange: Record<DatePickerType, string> = {\n  date: 'MM/DD/YYYY',\n  dateTime: 'MM/DD/YYYY hh:mm A',\n  month: 'MMM YYYY',\n};\n\nexport const getDefaultFormat = (type: DatePickerType, range?: boolean) => {\n  const map = range ? DefaultFormatByTypeRange : DefaultFormatByType;\n  return map[type];\n};\n\nconst NumericLetters = ['D', 'M', 'Y', 'h', 'm', 's', 'S'];\nconst AllLetters = [...NumericLetters, 'A'];\nconst GetSeparatorRegex = new RegExp(`^([^${AllLetters.join('')}]+)`, 'gi');\n\n// These formats should be composed only of `AllLetters` as placeholders only\nexport const InputAutocompleteFormats: Record<DatePickerType, string> = {\n  month: 'MM/YYYY',\n  date: 'MM/DD/YYYY',\n  dateTime: 'MM/DD/YYYY hh:mm A',\n};\n\nexport const InputParseFormats: Record<DatePickerType, string[]> = {\n  month: [InputAutocompleteFormats.month, 'MMMM YYYY', 'MMM YYYY'],\n  date: [InputAutocompleteFormats.date, 'M/D/YYYY'],\n  dateTime: [InputAutocompleteFormats.dateTime, 'M/D/YYYY hh:mm A'],\n};\n\nconst isDigit = (symbol?: string) => symbol?.match(/\\d/);\n\nconst isInFormatSoFar = (format: string, value: string) => {\n  if (value.length <= format.length) {\n    const valueArr = value.split('');\n\n    return valueArr.every((valueChar, pos) => {\n      const formatChar = format[pos];\n\n      if (NumericLetters.includes(formatChar)) {\n        return isDigit(valueChar);\n      }\n\n      if (formatChar === 'A') {\n        const lcChar = valueChar.toLocaleLowerCase();\n        return lcChar === 'a' || lcChar === 'p';\n      }\n\n      return formatChar === valueChar;\n    });\n  }\n\n  return false;\n};\n\nconst getSeparator = (format: string, startIndex: number) => {\n  return format.substring(startIndex).match(GetSeparatorRegex)?.[0] || '';\n};\n\nexport const autocompleteValue = ({\n  value,\n  type,\n  range,\n  prevValue,\n}: {\n  type: DatePickerType;\n  range?: boolean;\n  value: string;\n  prevValue: string;\n}) => {\n  const formatPart = InputAutocompleteFormats[type];\n  const format = range ? `${formatPart} - ${formatPart}` : formatPart;\n\n  const preparedValue = value.toLocaleLowerCase().replace(/([ap])m/gi, '$1');\n\n  if (\n    value.length <= prevValue.length ||\n    !isInFormatSoFar(format, preparedValue) ||\n    format.length <= preparedValue.length\n  ) {\n    return value;\n  }\n\n  // Only autocomplete if user types something\n  // Check if conforms to format so far\n  // Adding separators if needed\n  const separator = getSeparator(format, preparedValue.length);\n\n  return `${value}${separator}`;\n};\n\nexport const isSameMonth = (a?: Date, b?: Date) =>\n  !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();\n\nexport const isSameDay = (a?: Date, b?: Date) => isSameMonth(a, b) && a?.getDate() === b?.getDate();\n\nexport const getMinDate = (a?: Date, b?: Date) => {\n  if (a && b) {\n    return a < b ? a : b;\n  }\n\n  return a || b;\n};\n\nexport const getMaxDate = (a?: Date, b?: Date) => {\n  if (a && b) {\n    return a > b ? a : b;\n  }\n\n  return a || b;\n};\n\nexport const MonthOptions = [\n  { id: 1, title: 'Jan', fullTitle: 'January' },\n  { id: 2, title: 'Feb', fullTitle: 'February' },\n  { id: 3, title: 'Mar', fullTitle: 'March' },\n  { id: 4, title: 'Apr', fullTitle: 'April' },\n  { id: 5, title: 'May', fullTitle: 'May' },\n  { id: 6, title: 'Jun', fullTitle: 'June' },\n  { id: 7, title: 'Jul', fullTitle: 'July' },\n  { id: 8, title: 'Aug', fullTitle: 'August' },\n  { id: 9, title: 'Sep', fullTitle: 'September' },\n  { id: 10, title: 'Oct', fullTitle: 'October' },\n  { id: 11, title: 'Nov', fullTitle: 'November' },\n  { id: 12, title: 'Dec', fullTitle: 'December' },\n];\n\nexport type DatePickerCalendarView = 'year' | 'month';\n\nexport const getDateWithSameTime = (date: Date, timeDate?: Date) =>\n  new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    timeDate?.getHours() || 0,\n    timeDate?.getMinutes() || 0,\n    timeDate?.getSeconds() || 0\n  );\n"],"names":["DefaultFormatByType","date","dateTime","month","DefaultFormatByTypeRange","NumericLetters","AllLetters","concat","GetSeparatorRegex","RegExp","join","InputAutocompleteFormats","InputParseFormats","isSameMonth","a","b","getFullYear","getMonth","id","title","fullTitle","_ref","value","type","range","prevValue","formatPart","format","preparedValue","toLocaleLowerCase","replace","length","split","every","valueChar","pos","symbol","formatChar","includes","match","lcChar","isInFormatSoFar","separator","startIndex","_format$substring$mat","substring","getSeparator","timeDate","Date","getDate","getHours","getMinutes","getSeconds"],"mappings":"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"}

package/cjs-bundle/componentsV2/Modal/Modal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@material-ui/core"),n=require("react"),t=require("classnames"),s=require("../../effects/useDelayedDcFullscreenElemOpen.js"),c=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),l=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),i=require("../ModalWindow/ModalWindow.js"),u=require("./constants.js"),a=require("./Modal.scss.js"),p=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(e),O=d(r),j=d(t),b=["open","onClose","size","showCloseButton","closeOnBackdropClick","closeOnEscape"],v=["open"];function C(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function m(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?C(Object(o),!0).forEach((function(r){f.default(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var D=function(e){var r=e.open,t=e.onClose,s=e.size,c=void 0===s?"medium":s,l=e.showCloseButton,d=void 0===l||l,f=e.closeOnBackdropClick,v=void 0===f||f,C=e.closeOnEscape,D=void 0===C||C,y=O.default(e,b),P=n.useCallback((function(e,r){t&&("backdropClick"===r&&v&&t("backdropClick"),"escapeKeyDown"===r&&D&&t("escapeKey"))}),[t,v,D]),w=n.useCallback((function(){null==t||t("closeButtonClick")}),[t]);return p.jsx(o.Modal,{open:r,className:j.default(u.MODAL_ROOT_CLASS,a.root),onClose:P,children:p.jsx(i.ModalWindow,m(m({},y),{},{onClose:w,showCloseButton:d,size:c}))})},y=function(e){var r=e.open,o=O.default(e,v),n=s.useDelayedDcFullscreenElemOpen({isOpen:r},!0).delayedIsOpen;return p.jsx(c.IsInsideDcFullscreenElemProvider,{children:p.jsx(D,m({open:n},o))})};exports.Modal=function(e){var r=l.useIsInsideIsolatedDcApp(),o=c.useIsInsideDcFullscreenElem(),n=r&&!o?y:D;return p.jsx(n,m({},e))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@material-ui/core"),n=require("react"),t=require("classnames"),s=require("../../effects/useDelayedDcFullscreenElemOpen.js"),c=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),l=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),i=require("../ModalWindow/ModalWindow.js"),u=require("./constants.js"),a=require("./Modal.scss.js"),p=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(e),O=d(r),b=d(t),j=["open","onClose","size","showCloseButton","closeOnBackdropClick","closeOnEscape"],v=["open"];function C(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function m(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?C(Object(o),!0).forEach((function(r){f.default(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var D=function(e){var r=e.open,t=e.onClose,s=e.size,c=void 0===s?"medium":s,l=e.showCloseButton,d=void 0===l||l,f=e.closeOnBackdropClick,v=void 0===f||f,C=e.closeOnEscape,D=void 0===C||C,y=O.default(e,j),P=n.useCallback((function(e,r){t&&("backdropClick"===r&&v&&t("backdropClick"),"escapeKeyDown"===r&&D&&t("escapeKey"))}),[t,v,D]),w=n.useCallback((function(){null==t||t("closeButtonClick")}),[t]);return p.jsx(o.Modal,{open:r,className:b.default(u.MODAL_ROOT_CLASS,a.root),onClose:P,disableEnforceFocus:!0,children:p.jsx(i.ModalWindow,m(m({},y),{},{onClose:w,showCloseButton:d,size:c}))})},y=function(e){var r=e.open,o=O.default(e,v),n=s.useDelayedDcFullscreenElemOpen({isOpen:r},!0).delayedIsOpen;return p.jsx(c.IsInsideDcFullscreenElemProvider,{children:p.jsx(D,m({open:n},o))})};exports.Modal=function(e){var r=l.useIsInsideIsolatedDcApp(),o=c.useIsInsideDcFullscreenElem(),n=r&&!o?y:D;return p.jsx(n,m({},e))};
 //# sourceMappingURL=Modal.js.map