Edit File by line

[57000] Fix | Delete

// Convert timezone offset to hours.

[57001] Fix | Delete

const userTimezoneOffset = -1 * (new Date().getTimezoneOffset() / 60);

[57002] Fix | Delete

[57003] Fix | Delete

// System timezone and user timezone match, nothing needed.

[57004] Fix | Delete

// Compare as numbers because it comes over as string.

[57005] Fix | Delete

if (Number(timezone.offset) === userTimezoneOffset) {

[57006] Fix | Delete

return null;

[57007] Fix | Delete

}

[57008] Fix | Delete

const offsetSymbol = Number(timezone.offset) >= 0 ? '+' : '';

[57009] Fix | Delete

const zoneAbbr = '' !== timezone.abbr && isNaN(Number(timezone.abbr)) ? timezone.abbr : `UTC${offsetSymbol}${timezone.offsetFormatted}`;

[57010] Fix | Delete

[57011] Fix | Delete

// Replace underscore with space in strings like `America/Costa_Rica`.

[57012] Fix | Delete

const prettyTimezoneString = timezone.string.replace('_', ' ');

[57013] Fix | Delete

const timezoneDetail = 'UTC' === timezone.string ? (0,external_wp_i18n_namespaceObject.__)('Coordinated Universal Time') : `(${zoneAbbr}) ${prettyTimezoneString}`;

[57014] Fix | Delete

[57015] Fix | Delete

// When the prettyTimezoneString is empty, there is no additional timezone

[57016] Fix | Delete

// detail information to show in a Tooltip.

[57017] Fix | Delete

const hasNoAdditionalTimezoneDetail = prettyTimezoneString.trim().length === 0;

[57018] Fix | Delete

return hasNoAdditionalTimezoneDetail ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TimeZone, {

[57019] Fix | Delete

className: "components-datetime__timezone",

[57020] Fix | Delete

children: zoneAbbr

[57021] Fix | Delete

}) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(tooltip, {

[57022] Fix | Delete

placement: "top",

[57023] Fix | Delete

text: timezoneDetail,

[57024] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TimeZone, {

[57025] Fix | Delete

className: "components-datetime__timezone",

[57026] Fix | Delete

children: zoneAbbr

[57027] Fix | Delete

})

[57028] Fix | Delete

});

[57029] Fix | Delete

};

[57030] Fix | Delete

/* harmony default export */ const timezone = (timezone_TimeZone);

[57031] Fix | Delete

[57032] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/time/index.js

[57033] Fix | Delete

/**

[57034] Fix | Delete

* External dependencies

[57035] Fix | Delete

[57036] Fix | Delete

[57037] Fix | Delete

[57038] Fix | Delete

/**

[57039] Fix | Delete

* WordPress dependencies

[57040] Fix | Delete

[57041] Fix | Delete

[57042] Fix | Delete

[57043] Fix | Delete

[57044] Fix | Delete

/**

[57045] Fix | Delete

* Internal dependencies

[57046] Fix | Delete

[57047] Fix | Delete

[57048] Fix | Delete

[57049] Fix | Delete

[57050] Fix | Delete

[57051] Fix | Delete

[57052] Fix | Delete

[57053] Fix | Delete

[57054] Fix | Delete

[57055] Fix | Delete

[57056] Fix | Delete

[57057] Fix | Delete

[57058] Fix | Delete

[57059] Fix | Delete

[57060] Fix | Delete

[57061] Fix | Delete

function from12hTo24h(hours, isPm) {

[57062] Fix | Delete

return isPm ? (hours % 12 + 12) % 24 : hours % 12;

[57063] Fix | Delete

}

[57064] Fix | Delete

[57065] Fix | Delete

/**

[57066] Fix | Delete

* Creates an InputControl reducer used to pad an input so that it is always a

[57067] Fix | Delete

* given width. For example, the hours and minutes inputs are padded to 2 so

[57068] Fix | Delete

* that '4' appears as '04'.

[57069] Fix | Delete

[57070] Fix | Delete

* @param pad How many digits the value should be.

[57071] Fix | Delete

[57072] Fix | Delete

function buildPadInputStateReducer(pad) {

[57073] Fix | Delete

return (state, action) => {

[57074] Fix | Delete

const nextState = {

[57075] Fix | Delete

...state

[57076] Fix | Delete

};

[57077] Fix | Delete

if (action.type === COMMIT || action.type === PRESS_UP || action.type === PRESS_DOWN) {

[57078] Fix | Delete

if (nextState.value !== undefined) {

[57079] Fix | Delete

nextState.value = nextState.value.toString().padStart(pad, '0');

[57080] Fix | Delete

}

[57081] Fix | Delete

}

[57082] Fix | Delete

return nextState;

[57083] Fix | Delete

};

[57084] Fix | Delete

}

[57085] Fix | Delete

[57086] Fix | Delete

/**

[57087] Fix | Delete

* TimePicker is a React component that renders a clock for time selection.

[57088] Fix | Delete

[57089] Fix | Delete

* ```jsx

[57090] Fix | Delete

* import { TimePicker } from '@wordpress/components';

[57091] Fix | Delete

* import { useState } from '@wordpress/element';

[57092] Fix | Delete

[57093] Fix | Delete

* const MyTimePicker = () => {

[57094] Fix | Delete

* const [ time, setTime ] = useState( new Date() );

[57095] Fix | Delete

[57096] Fix | Delete

* return (

[57097] Fix | Delete

* <TimePicker

[57098] Fix | Delete

* currentTime={ date }

[57099] Fix | Delete

* onChange={ ( newTime ) => setTime( newTime ) }

[57100] Fix | Delete

* is12Hour

[57101] Fix | Delete

* />

[57102] Fix | Delete

* );

[57103] Fix | Delete

* };

[57104] Fix | Delete

* ```

[57105] Fix | Delete

[57106] Fix | Delete

function TimePicker({

[57107] Fix | Delete

is12Hour,

[57108] Fix | Delete

currentTime,

[57109] Fix | Delete

onChange

[57110] Fix | Delete

}) {

[57111] Fix | Delete

const [date, setDate] = (0,external_wp_element_namespaceObject.useState)(() =>

[57112] Fix | Delete

// Truncate the date at the minutes, see: #15495.

[57113] Fix | Delete

currentTime ? startOfMinute(inputToDate(currentTime)) : new Date());

[57114] Fix | Delete

[57115] Fix | Delete

// Reset the state when currentTime changed.

[57116] Fix | Delete

// TODO: useEffect() shouldn't be used like this, causes an unnecessary render

[57117] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[57118] Fix | Delete

setDate(currentTime ? startOfMinute(inputToDate(currentTime)) : new Date());

[57119] Fix | Delete

}, [currentTime]);

[57120] Fix | Delete

const {

[57121] Fix | Delete

day,

[57122] Fix | Delete

month,

[57123] Fix | Delete

year,

[57124] Fix | Delete

minutes,

[57125] Fix | Delete

hours,

[57126] Fix | Delete

[57127] Fix | Delete

} = (0,external_wp_element_namespaceObject.useMemo)(() => ({

[57128] Fix | Delete

day: format(date, 'dd'),

[57129] Fix | Delete

month: format(date, 'MM'),

[57130] Fix | Delete

year: format(date, 'yyyy'),

[57131] Fix | Delete

minutes: format(date, 'mm'),

[57132] Fix | Delete

hours: format(date, is12Hour ? 'hh' : 'HH'),

[57133] Fix | Delete

am: format(date, 'a')

[57134] Fix | Delete

}), [date, is12Hour]);

[57135] Fix | Delete

const buildNumberControlChangeCallback = method => {

[57136] Fix | Delete

const callback = (value, {

[57137] Fix | Delete

event

[57138] Fix | Delete

}) => {

[57139] Fix | Delete

var _ownerDocument$defaul;

[57140] Fix | Delete

// `instanceof` checks need to get the instance definition from the

[57141] Fix | Delete

// corresponding window object — therefore, the following logic makes

[57142] Fix | Delete

// the component work correctly even when rendered inside an iframe.

[57143] Fix | Delete

const HTMLInputElementInstance = (_ownerDocument$defaul = event.target?.ownerDocument.defaultView?.HTMLInputElement) !== null && _ownerDocument$defaul !== void 0 ? _ownerDocument$defaul : HTMLInputElement;

[57144] Fix | Delete

if (!(event.target instanceof HTMLInputElementInstance)) {

[57145] Fix | Delete

return;

[57146] Fix | Delete

}

[57147] Fix | Delete

if (!event.target.validity.valid) {

[57148] Fix | Delete

return;

[57149] Fix | Delete

}

[57150] Fix | Delete

[57151] Fix | Delete

// We can safely assume value is a number if target is valid.

[57152] Fix | Delete

let numberValue = Number(value);

[57153] Fix | Delete

[57154] Fix | Delete

// If the 12-hour format is being used and the 'PM' period is

[57155] Fix | Delete

// selected, then the incoming value (which ranges 1-12) should be

[57156] Fix | Delete

// increased by 12 to match the expected 24-hour format.

[57157] Fix | Delete

if (method === 'hours' && is12Hour) {

[57158] Fix | Delete

numberValue = from12hTo24h(numberValue, am === 'PM');

[57159] Fix | Delete

}

[57160] Fix | Delete

const newDate = set_set(date, {

[57161] Fix | Delete

[method]: numberValue

[57162] Fix | Delete

});

[57163] Fix | Delete

setDate(newDate);

[57164] Fix | Delete

onChange?.(format(newDate, TIMEZONELESS_FORMAT));

[57165] Fix | Delete

};

[57166] Fix | Delete

return callback;

[57167] Fix | Delete

};

[57168] Fix | Delete

function buildAmPmChangeCallback(value) {

[57169] Fix | Delete

return () => {

[57170] Fix | Delete

if (am === value) {

[57171] Fix | Delete

return;

[57172] Fix | Delete

}

[57173] Fix | Delete

const parsedHours = parseInt(hours, 10);

[57174] Fix | Delete

const newDate = setHours(date, from12hTo24h(parsedHours, value === 'PM'));

[57175] Fix | Delete

setDate(newDate);

[57176] Fix | Delete

onChange?.(format(newDate, TIMEZONELESS_FORMAT));

[57177] Fix | Delete

};

[57178] Fix | Delete

}

[57179] Fix | Delete

const dayField = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DayInput, {

[57180] Fix | Delete

className: "components-datetime__time-field components-datetime__time-field-day" // Unused, for backwards compatibility.

[57181] Fix | Delete

[57182] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Day'),

[57183] Fix | Delete

hideLabelFromVision: true,

[57184] Fix | Delete

__next40pxDefaultSize: true,

[57185] Fix | Delete

value: day,

[57186] Fix | Delete

step: 1,

[57187] Fix | Delete

min: 1,

[57188] Fix | Delete

max: 31,

[57189] Fix | Delete

required: true,

[57190] Fix | Delete

spinControls: "none",

[57191] Fix | Delete

isPressEnterToChange: true,

[57192] Fix | Delete

isDragEnabled: false,

[57193] Fix | Delete

isShiftStepEnabled: false,

[57194] Fix | Delete

onChange: buildNumberControlChangeCallback('date')

[57195] Fix | Delete

});

[57196] Fix | Delete

const monthField = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MonthSelectWrapper, {

[57197] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(select_control, {

[57198] Fix | Delete

className: "components-datetime__time-field components-datetime__time-field-month" // Unused, for backwards compatibility.

[57199] Fix | Delete

[57200] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Month'),

[57201] Fix | Delete

hideLabelFromVision: true,

[57202] Fix | Delete

__next40pxDefaultSize: true,

[57203] Fix | Delete

__nextHasNoMarginBottom: true,

[57204] Fix | Delete

value: month,

[57205] Fix | Delete

options: [{

[57206] Fix | Delete

value: '01',

[57207] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('January')

[57208] Fix | Delete

}, {

[57209] Fix | Delete

value: '02',

[57210] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('February')

[57211] Fix | Delete

}, {

[57212] Fix | Delete

value: '03',

[57213] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('March')

[57214] Fix | Delete

}, {

[57215] Fix | Delete

value: '04',

[57216] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('April')

[57217] Fix | Delete

}, {

[57218] Fix | Delete

value: '05',

[57219] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('May')

[57220] Fix | Delete

}, {

[57221] Fix | Delete

value: '06',

[57222] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('June')

[57223] Fix | Delete

}, {

[57224] Fix | Delete

value: '07',

[57225] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('July')

[57226] Fix | Delete

}, {

[57227] Fix | Delete

value: '08',

[57228] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('August')

[57229] Fix | Delete

}, {

[57230] Fix | Delete

value: '09',

[57231] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('September')

[57232] Fix | Delete

}, {

[57233] Fix | Delete

value: '10',

[57234] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('October')

[57235] Fix | Delete

}, {

[57236] Fix | Delete

value: '11',

[57237] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('November')

[57238] Fix | Delete

}, {

[57239] Fix | Delete

value: '12',

[57240] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('December')

[57241] Fix | Delete

}],

[57242] Fix | Delete

onChange: value => {

[57243] Fix | Delete

const newDate = setMonth_setMonth(date, Number(value) - 1);

[57244] Fix | Delete

setDate(newDate);

[57245] Fix | Delete

onChange?.(format(newDate, TIMEZONELESS_FORMAT));

[57246] Fix | Delete

}

[57247] Fix | Delete

})

[57248] Fix | Delete

});

[57249] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(time_styles_Wrapper, {

[57250] Fix | Delete

className: "components-datetime__time" // Unused, for backwards compatibility.

[57251] Fix | Delete

[57252] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Fieldset, {

[57253] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(base_control.VisualLabel, {

[57254] Fix | Delete

as: "legend",

[57255] Fix | Delete

className: "components-datetime__time-legend" // Unused, for backwards compatibility.

[57256] Fix | Delete

[57257] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Time')

[57258] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(h_stack_component, {

[57259] Fix | Delete

className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.

[57260] Fix | Delete

[57261] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TimeWrapper, {

[57262] Fix | Delete

className: "components-datetime__time-field components-datetime__time-field-time" // Unused, for backwards compatibility.

[57263] Fix | Delete

[57264] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(HoursInput, {

[57265] Fix | Delete

className: "components-datetime__time-field-hours-input" // Unused, for backwards compatibility.

[57266] Fix | Delete

[57267] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Hours'),

[57268] Fix | Delete

hideLabelFromVision: true,

[57269] Fix | Delete

__next40pxDefaultSize: true,

[57270] Fix | Delete

value: hours,

[57271] Fix | Delete

step: 1,

[57272] Fix | Delete

min: is12Hour ? 1 : 0,

[57273] Fix | Delete

max: is12Hour ? 12 : 23,

[57274] Fix | Delete

required: true,

[57275] Fix | Delete

spinControls: "none",

[57276] Fix | Delete

isPressEnterToChange: true,

[57277] Fix | Delete

isDragEnabled: false,

[57278] Fix | Delete

isShiftStepEnabled: false,

[57279] Fix | Delete

onChange: buildNumberControlChangeCallback('hours'),

[57280] Fix | Delete

__unstableStateReducer: buildPadInputStateReducer(2)

[57281] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TimeSeparator, {

[57282] Fix | Delete

className: "components-datetime__time-separator" // Unused, for backwards compatibility.

[57283] Fix | Delete

[57284] Fix | Delete

"aria-hidden": "true",

[57285] Fix | Delete

children: ":"

[57286] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MinutesInput, {

[57287] Fix | Delete

className: "components-datetime__time-field-minutes-input" // Unused, for backwards compatibility.

[57288] Fix | Delete

[57289] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Minutes'),

[57290] Fix | Delete

hideLabelFromVision: true,

[57291] Fix | Delete

__next40pxDefaultSize: true,

[57292] Fix | Delete

value: minutes,

[57293] Fix | Delete

step: 1,

[57294] Fix | Delete

min: 0,

[57295] Fix | Delete

max: 59,

[57296] Fix | Delete

required: true,

[57297] Fix | Delete

spinControls: "none",

[57298] Fix | Delete

isPressEnterToChange: true,

[57299] Fix | Delete

isDragEnabled: false,

[57300] Fix | Delete

isShiftStepEnabled: false,

[57301] Fix | Delete

onChange: buildNumberControlChangeCallback('minutes'),

[57302] Fix | Delete

__unstableStateReducer: buildPadInputStateReducer(2)

[57303] Fix | Delete

})]

[57304] Fix | Delete

}), is12Hour && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(button_group, {

[57305] Fix | Delete

className: "components-datetime__time-field components-datetime__time-field-am-pm" // Unused, for backwards compatibility.

[57306] Fix | Delete

[57307] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[57308] Fix | Delete

className: "components-datetime__time-am-button" // Unused, for backwards compatibility.

[57309] Fix | Delete

[57310] Fix | Delete

variant: am === 'AM' ? 'primary' : 'secondary',

[57311] Fix | Delete

__next40pxDefaultSize: true,

[57312] Fix | Delete

onClick: buildAmPmChangeCallback('AM'),

[57313] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('AM')

[57314] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[57315] Fix | Delete

className: "components-datetime__time-pm-button" // Unused, for backwards compatibility.

[57316] Fix | Delete

[57317] Fix | Delete

variant: am === 'PM' ? 'primary' : 'secondary',

[57318] Fix | Delete

__next40pxDefaultSize: true,

[57319] Fix | Delete

onClick: buildAmPmChangeCallback('PM'),

[57320] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('PM')

[57321] Fix | Delete

})]

[57322] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(spacer_component, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(timezone, {})]

[57323] Fix | Delete

})]

[57324] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Fieldset, {

[57325] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(base_control.VisualLabel, {

[57326] Fix | Delete

as: "legend",

[57327] Fix | Delete

className: "components-datetime__time-legend" // Unused, for backwards compatibility.

[57328] Fix | Delete

[57329] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Date')

[57330] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(h_stack_component, {

[57331] Fix | Delete

className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.

[57332] Fix | Delete

[57333] Fix | Delete

children: [is12Hour ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[57334] Fix | Delete

children: [monthField, dayField]

[57335] Fix | Delete

}) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[57336] Fix | Delete

children: [dayField, monthField]

[57337] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(YearInput, {

[57338] Fix | Delete

className: "components-datetime__time-field components-datetime__time-field-year" // Unused, for backwards compatibility.

[57339] Fix | Delete

[57340] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Year'),

[57341] Fix | Delete

hideLabelFromVision: true,

[57342] Fix | Delete

__next40pxDefaultSize: true,

[57343] Fix | Delete

value: year,

[57344] Fix | Delete

step: 1,

[57345] Fix | Delete

min: 1,

[57346] Fix | Delete

max: 9999,

[57347] Fix | Delete

required: true,

[57348] Fix | Delete

spinControls: "none",

[57349] Fix | Delete

isPressEnterToChange: true,

[57350] Fix | Delete

isDragEnabled: false,

[57351] Fix | Delete

isShiftStepEnabled: false,

[57352] Fix | Delete

onChange: buildNumberControlChangeCallback('year'),

[57353] Fix | Delete

__unstableStateReducer: buildPadInputStateReducer(4)

[57354] Fix | Delete

})]

[57355] Fix | Delete

})]

[57356] Fix | Delete

})]

[57357] Fix | Delete

});

[57358] Fix | Delete

}

[57359] Fix | Delete

/* harmony default export */ const date_time_time = (TimePicker);

[57360] Fix | Delete

[57361] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/date-time/styles.js

[57362] Fix | Delete

[57363] Fix | Delete

function date_time_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[57364] Fix | Delete

/**

[57365] Fix | Delete

* External dependencies

[57366] Fix | Delete

[57367] Fix | Delete

[57368] Fix | Delete

/**

[57369] Fix | Delete

* Internal dependencies

[57370] Fix | Delete

[57371] Fix | Delete

[57372] Fix | Delete

const date_time_styles_Wrapper = /*#__PURE__*/emotion_styled_base_browser_esm(v_stack_component, true ? {

[57373] Fix | Delete

target: "e1p5onf00"

[57374] Fix | Delete

} : 0)( true ? {

[57375] Fix | Delete

[57376] Fix | Delete

styles: "box-sizing:border-box"

[57377] Fix | Delete

} : 0);

[57378] Fix | Delete

[57379] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/date-time/index.js

[57380] Fix | Delete

/**

[57381] Fix | Delete

* External dependencies

[57382] Fix | Delete

[57383] Fix | Delete

[57384] Fix | Delete

/**

[57385] Fix | Delete

* WordPress dependencies

[57386] Fix | Delete

[57387] Fix | Delete

[57388] Fix | Delete

/**

[57389] Fix | Delete

* Internal dependencies

[57390] Fix | Delete

[57391] Fix | Delete

[57392] Fix | Delete

[57393] Fix | Delete

[57394] Fix | Delete

[57395] Fix | Delete

[57396] Fix | Delete

[57397] Fix | Delete

[57398] Fix | Delete

const date_time_noop = () => {};

[57399] Fix | Delete

function UnforwardedDateTimePicker({

[57400] Fix | Delete

currentDate,

[57401] Fix | Delete

is12Hour,

[57402] Fix | Delete

isInvalidDate,

[57403] Fix | Delete

onMonthPreviewed = date_time_noop,

[57404] Fix | Delete

onChange,

[57405] Fix | Delete

events,

[57406] Fix | Delete

startOfWeek

[57407] Fix | Delete

}, ref) {

[57408] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(date_time_styles_Wrapper, {

[57409] Fix | Delete

ref: ref,

[57410] Fix | Delete

className: "components-datetime",

[57411] Fix | Delete

spacing: 4,

[57412] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[57413] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(date_time_time, {

[57414] Fix | Delete

currentTime: currentDate,

[57415] Fix | Delete

onChange: onChange,

[57416] Fix | Delete

is12Hour: is12Hour

[57417] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(date, {

[57418] Fix | Delete

currentDate: currentDate,

[57419] Fix | Delete

onChange: onChange,

[57420] Fix | Delete

isInvalidDate: isInvalidDate,

[57421] Fix | Delete

events: events,

[57422] Fix | Delete

onMonthPreviewed: onMonthPreviewed,

[57423] Fix | Delete

startOfWeek: startOfWeek

[57424] Fix | Delete

})]

[57425] Fix | Delete

})

[57426] Fix | Delete

});

[57427] Fix | Delete

}

[57428] Fix | Delete

[57429] Fix | Delete

/**

[57430] Fix | Delete

* DateTimePicker is a React component that renders a calendar and clock for

[57431] Fix | Delete

* date and time selection. The calendar and clock components can be accessed

[57432] Fix | Delete

* individually using the `DatePicker` and `TimePicker` components respectively.

[57433] Fix | Delete

[57434] Fix | Delete

* ```jsx

[57435] Fix | Delete

* import { DateTimePicker } from '@wordpress/components';

[57436] Fix | Delete

* import { useState } from '@wordpress/element';

[57437] Fix | Delete

[57438] Fix | Delete

* const MyDateTimePicker = () => {

[57439] Fix | Delete

* const [ date, setDate ] = useState( new Date() );

[57440] Fix | Delete

[57441] Fix | Delete

* return (

[57442] Fix | Delete

* <DateTimePicker

[57443] Fix | Delete

* currentDate={ date }

[57444] Fix | Delete

* onChange={ ( newDate ) => setDate( newDate ) }

[57445] Fix | Delete

* is12Hour

[57446] Fix | Delete

* />

[57447] Fix | Delete

* );

[57448] Fix | Delete

* };

[57449] Fix | Delete

* ```

[57450] Fix | Delete

[57451] Fix | Delete

const DateTimePicker = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedDateTimePicker);

[57452] Fix | Delete

/* harmony default export */ const date_time = (DateTimePicker);

[57453] Fix | Delete

[57454] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/date-time/index.js

[57455] Fix | Delete

/**

[57456] Fix | Delete

* Internal dependencies

[57457] Fix | Delete

[57458] Fix | Delete

[57459] Fix | Delete

[57460] Fix | Delete

[57461] Fix | Delete

[57462] Fix | Delete

/* harmony default export */ const build_module_date_time = (date_time);

[57463] Fix | Delete

[57464] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dimension-control/sizes.js

[57465] Fix | Delete

/**

[57466] Fix | Delete

* Sizes

[57467] Fix | Delete

[57468] Fix | Delete

* defines the sizes used in dimension controls

[57469] Fix | Delete

* all hardcoded `size` values are based on the value of

[57470] Fix | Delete

* the Sass variable `$block-padding` from

[57471] Fix | Delete

* `packages/block-editor/src/components/dimension-control/sizes.js`.

[57472] Fix | Delete

[57473] Fix | Delete

[57474] Fix | Delete

/**

[57475] Fix | Delete

* WordPress dependencies

[57476] Fix | Delete

[57477] Fix | Delete

[57478] Fix | Delete

[57479] Fix | Delete

/**

[57480] Fix | Delete

* Internal dependencies

[57481] Fix | Delete

[57482] Fix | Delete

[57483] Fix | Delete

/**

[57484] Fix | Delete

* Finds the correct size object from the provided sizes

[57485] Fix | Delete

* table by size slug (eg: `medium`)

[57486] Fix | Delete

[57487] Fix | Delete

* @param sizes containing objects for each size definition.

[57488] Fix | Delete

* @param slug a string representation of the size (eg: `medium`).

[57489] Fix | Delete

[57490] Fix | Delete

const findSizeBySlug = (sizes, slug) => sizes.find(size => slug === size.slug);

[57491] Fix | Delete

/* harmony default export */ const dimension_control_sizes = ([{

[57492] Fix | Delete

[57493] Fix | Delete

slug: 'none'

[57494] Fix | Delete

}, {

[57495] Fix | Delete

[57496] Fix | Delete

slug: 'small'

[57497] Fix | Delete

}, {

[57498] Fix | Delete

[57499] Fix | Delete

1 ...113 114115116 117 ...149