UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

1 lines 12.1 kB
{"version":3,"file":"dist-CTSEb5uk.cjs","names":["__defProp","__name","React","React","useLayoutEffect","React2"],"sources":["../node_modules/@radix-ui/primitive/dist/index.mjs","../node_modules/@radix-ui/react-use-effect-event/dist/index.mjs","../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\n// src/primitive.tsx\nvar canUseDOM = !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return /* @__PURE__ */ __name(function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n }, \"handleEvent\");\n}\n__name(composeEventHandlers, \"composeEventHandlers\");\nfunction getOwnerWindow(element) {\n if (!canUseDOM) {\n throw new Error(\"Cannot access window outside of the DOM\");\n }\n return element?.ownerDocument?.defaultView ?? window;\n}\n__name(getOwnerWindow, \"getOwnerWindow\");\nfunction getOwnerDocument(element) {\n if (!canUseDOM) {\n throw new Error(\"Cannot access document outside of the DOM\");\n }\n return element?.ownerDocument ?? document;\n}\n__name(getOwnerDocument, \"getOwnerDocument\");\nfunction getActiveElement(node, activeDescendant = false) {\n const { activeElement } = getOwnerDocument(node);\n if (!activeElement?.nodeName) {\n return null;\n }\n if (isFrame(activeElement) && activeElement.contentDocument) {\n return getActiveElement(activeElement.contentDocument.body, activeDescendant);\n }\n if (activeDescendant) {\n const id = activeElement.getAttribute(\"aria-activedescendant\");\n if (id) {\n const element = getOwnerDocument(activeElement).getElementById(id);\n if (element) {\n return element;\n }\n }\n }\n return activeElement;\n}\n__name(getActiveElement, \"getActiveElement\");\nfunction isFrame(element) {\n return element.tagName === \"IFRAME\";\n}\n__name(isFrame, \"isFrame\");\nexport {\n canUseDOM,\n composeEventHandlers,\n getActiveElement,\n getOwnerDocument,\n getOwnerWindow,\n isFrame\n};\n//# sourceMappingURL=index.mjs.map\n","// src/use-effect-event.tsx\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport * as React from \"react\";\nvar useReactEffectEvent = React[\" useEffectEvent \".trim().toString()];\nvar useReactInsertionEffect = React[\" useInsertionEffect \".trim().toString()];\nfunction useEffectEvent(callback) {\n if (typeof useReactEffectEvent === \"function\") {\n return useReactEffectEvent(callback);\n }\n const ref = React.useRef(() => {\n throw new Error(\"Cannot call an event handler while rendering.\");\n });\n if (typeof useReactInsertionEffect === \"function\") {\n useReactInsertionEffect(() => {\n ref.current = callback;\n });\n } else {\n useLayoutEffect(() => {\n ref.current = callback;\n });\n }\n return React.useMemo(() => ((...args) => ref.current?.(...args)), []);\n}\nexport {\n useEffectEvent\n};\n//# sourceMappingURL=index.mjs.map\n","var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\n// src/use-controllable-state.tsx\nimport * as React from \"react\";\nimport { IS_DEVELOPMENT } from \"@radix-ui/primitive/is-development\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nvar useInsertionEffect = React[\" useInsertionEffect \".trim().toString()] || useLayoutEffect;\nfunction useControllableState({\n prop,\n defaultProp,\n onChange = /* @__PURE__ */ __name(() => {\n }, \"onChange\"),\n caller\n}) {\n const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({\n defaultProp,\n onChange\n });\n const isControlled = prop !== void 0;\n const value = isControlled ? prop : uncontrolledProp;\n if (IS_DEVELOPMENT) {\n const isControlledRef = React.useRef(prop !== void 0);\n React.useEffect(() => {\n const wasControlled = isControlledRef.current;\n if (wasControlled !== isControlled) {\n const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n const to = isControlled ? \"controlled\" : \"uncontrolled\";\n console.warn(\n `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n );\n }\n isControlledRef.current = isControlled;\n }, [isControlled, caller]);\n }\n const setValue = React.useCallback(\n (nextValue) => {\n if (isControlled) {\n const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;\n if (value2 !== prop) {\n onChangeRef.current?.(value2);\n }\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, onChangeRef]\n );\n return [value, setValue];\n}\n__name(useControllableState, \"useControllableState\");\nfunction useUncontrolledState({\n defaultProp,\n onChange\n}) {\n const [value, setValue] = React.useState(defaultProp);\n const prevValueRef = React.useRef(value);\n const onChangeRef = React.useRef(onChange);\n useInsertionEffect(() => {\n onChangeRef.current = onChange;\n }, [onChange]);\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n onChangeRef.current?.(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef]);\n return [value, setValue, onChangeRef];\n}\n__name(useUncontrolledState, \"useUncontrolledState\");\nfunction isFunction(value) {\n return typeof value === \"function\";\n}\n__name(isFunction, \"isFunction\");\n\n// src/use-controllable-state-reducer.tsx\nimport * as React2 from \"react\";\nimport { IS_DEVELOPMENT as IS_DEVELOPMENT2 } from \"@radix-ui/primitive/is-development\";\nimport { useEffectEvent } from \"@radix-ui/react-use-effect-event\";\nvar SYNC_STATE = Symbol(\"RADIX:SYNC_STATE\");\nfunction useControllableStateReducer(reducer, userArgs, initialArg, init) {\n const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;\n const isControlled = controlledState !== void 0;\n const onChange = useEffectEvent(onChangeProp);\n if (IS_DEVELOPMENT2) {\n const isControlledRef = React2.useRef(controlledState !== void 0);\n React2.useEffect(() => {\n const wasControlled = isControlledRef.current;\n if (wasControlled !== isControlled) {\n const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n const to = isControlled ? \"controlled\" : \"uncontrolled\";\n console.warn(\n `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n );\n }\n isControlledRef.current = isControlled;\n }, [isControlled, caller]);\n }\n const args = [{ ...initialArg, state: defaultProp }];\n if (init) {\n args.push(init);\n }\n const [internalState, dispatch] = React2.useReducer(\n (state2, action) => {\n if (action.type === SYNC_STATE) {\n return { ...state2, state: action.state };\n }\n const next = reducer(state2, action);\n if (isControlled && !Object.is(next.state, state2.state)) {\n onChange(next.state);\n }\n return next;\n },\n ...args\n );\n const uncontrolledState = internalState.state;\n const prevValueRef = React2.useRef(uncontrolledState);\n React2.useEffect(() => {\n if (prevValueRef.current !== uncontrolledState) {\n prevValueRef.current = uncontrolledState;\n if (!isControlled) {\n onChange(uncontrolledState);\n }\n }\n }, [uncontrolledState, prevValueRef, isControlled]);\n const state = React2.useMemo(() => {\n const isControlled2 = controlledState !== void 0;\n if (isControlled2) {\n return { ...internalState, state: controlledState };\n }\n return internalState;\n }, [internalState, controlledState]);\n React2.useEffect(() => {\n if (isControlled && !Object.is(controlledState, internalState.state)) {\n dispatch({ type: SYNC_STATE, state: controlledState });\n }\n }, [controlledState, internalState.state, isControlled]);\n return [state, dispatch];\n}\n__name(useControllableStateReducer, \"useControllableStateReducer\");\nexport {\n useControllableState,\n useControllableStateReducer\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1,2],"mappings":"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"}