npm - @corva/ui - Versions diffs - 3.75.0-9 → 3.75.0-rc.0 - Mend

@corva/ui 3.75.0-9 → 3.75.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1470) hide show

package/componentsV2/DatePicker/utils.d.ts CHANGED Viewed

@@ -1,12 +1,18 @@
 export type DatePickerType = 'date' | 'dateTime' | 'month';
 export type DatePickerValue<IsRange extends boolean | undefined = false> = IsRange extends undefined | false ? Date | undefined : [Date, Date] | undefined;
 export type DatePickerChangeHandler<IsRange extends boolean | undefined = false> = (value: DatePickerValue<IsRange>) => void;
-export type RangeSelectionStep = 'startDate' | 'startTime' | 'endDate' | 'endTime';
-export declare const applyOffsetSeconds: (date: Date, offset: number) => Date;
+export type RangeSelectionStep = 'startDate' | 'endDate';
 export declare const DefaultFormatByType: Record<DatePickerType, string>;
 export declare const DefaultFormatByTypeRange: Record<DatePickerType, string>;
 export declare const getDefaultFormat: (type: DatePickerType, range?: boolean) => string;
-export declare const FallbackInputFormats: Record<DatePickerType, string[]>;
+export declare const InputAutocompleteFormats: Record<DatePickerType, string>;
+export declare const InputParseFormats: Record<DatePickerType, string[]>;
+export declare const autocompleteValue: ({ value, type, range, prevValue, }: {
+    type: DatePickerType;
+    range?: boolean;
+    value: string;
+    prevValue: string;
+}) => string;
 export declare const isSameMonth: (a?: Date, b?: Date) => boolean;
 export declare const isSameDay: (a?: Date, b?: Date) => boolean;
 export declare const getMinDate: (a?: Date, b?: Date) => Date | undefined;
@@ -17,4 +23,5 @@ export declare const MonthOptions: {
     fullTitle: string;
 }[];
 export type DatePickerCalendarView = 'year' | 'month';
+export declare const getDateWithSameTime: (date: Date, timeDate?: Date) => Date;
 //# sourceMappingURL=utils.d.ts.map

package/componentsV2/DatePicker/utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/utils.tsx"],"names":[],"mappings":"~~AAEA~~,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,OAAO,SAC9E,SAAS,GACT,KAAK,GACL,IAAI,GAAG,SAAS,GAChB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC;AAE7B,MAAM,MAAM,uBAAuB,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,CACjF,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,KAC5B,IAAI,CAAC;~~AAMV~~,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,~~WAAW,GAAG,~~SAAS,~~GAAG,SAAS,~~CAAC;~~AAEnF~~,eAAO,MAAM,~~kBAAkB~~,~~SAAU~~,~~IAAI~~,~~UAAU~~,MAAM,~~SACA~~,CAAC;~~AAE9D~~,eAAO,MAAM,~~mBAAmB~~,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,~~CAI9D~~,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,~~gBAAgB~~,~~SAAU~~,cAAc,~~UAAU~~,~~OAAO~~,~~WAGrE~~,CAAC;~~AAEF~~,eAAO,MAAM,~~oBAAoB~~,EAAE,~~MAAM~~,CAAC,~~cAAc~~,EAAE,MAAM,EAAE,~~CAIjE~~,CAAC;AAEF,eAAO,MAAM,WAAW,OAAQ,IAAI,MAAM,IAAI,YACsC,CAAC;AAErF,eAAO,MAAM,SAAS,OAAQ,IAAI,MAAM,IAAI,YAAuD,CAAC;AAEpG,eAAO,MAAM,UAAU,OAAQ,IAAI,MAAM,IAAI,qBAM5C,CAAC;AAEF,eAAO,MAAM,UAAU,OAAQ,IAAI,MAAM,IAAI,qBAM5C,CAAC;AAEF,eAAO,MAAM,YAAY;;;;GAaxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC"}
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/utils.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,OAAO,SAC9E,SAAS,GACT,KAAK,GACL,IAAI,GAAG,SAAS,GAChB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC;AAE7B,MAAM,MAAM,uBAAuB,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,CACjF,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,KAC5B,IAAI,CAAC;AAIV,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,cAAc,UAAU,OAAO,WAGrE,CAAC;AAOF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,EAAE,CAI9D,CAAC;AA+BF,eAAO,MAAM,iBAAiB,uCAK3B;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,WAoBA,CAAC;AAEF,eAAO,MAAM,WAAW,OAAQ,IAAI,MAAM,IAAI,YACsC,CAAC;AAErF,eAAO,MAAM,SAAS,OAAQ,IAAI,MAAM,IAAI,YAAuD,CAAC;AAEpG,eAAO,MAAM,UAAU,OAAQ,IAAI,MAAM,IAAI,qBAM5C,CAAC;AAEF,eAAO,MAAM,UAAU,OAAQ,IAAI,MAAM,IAAI,qBAM5C,CAAC;AAEF,eAAO,MAAM,YAAY;;;;GAaxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,eAAO,MAAM,mBAAmB,SAAU,IAAI,aAAa,IAAI,SAQ5D,CAAC"}

package/componentsV2/DatePicker/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"moment";var e=function(e,l){return t(e).startOf("day").add(l,"seconds").toDate()},l={date:"DD MMM YYYY",dateTime:"DD MMM YYYY hh:mm A",month:"MMMM YYYY"},Y={date:"DD/MM/YYYY",dateTime:"DD/MM/YYYY hh:mm A",month:"MMM YYYY"},i=function(t,e){return(e?Y:l)[t]},u={month:["MMMM YYYY","MMM YYYY"],date:["DD/MM/YYYY","D/M/YYYY"],dateTime:["DD/MM/YYYY hh:mm A","D/M/YYYY hh:mm A"]},M=function(t,e){return!!t&&!!e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()},n=function(t,e){return M(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate())},r=function(t,e){return t&&e?t<e?t:e:t||e},d=function(t,e){return t&&e?t>e?t:e:t||e},a=[{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"}];export{l as DefaultFormatByType,Y as DefaultFormatByTypeRange,u as FallbackInputFormats,a as MonthOptions,e as applyOffsetSeconds,i as getDefaultFormat,d as getMaxDate,r as getMinDate,n as isSameDay,M as isSameMonth};
+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=function(l,n){return(n?e:t)[l]},n=["D","M","Y","h","m","s","S"],i=[].concat(n,["A"]),u=new RegExp("^([^".concat(i.join(""),"]+)"),"gi"),Y={month:"MM/YYYY",date:"DD/MM/YYYY",dateTime:"DD/MM/YYYY hh:mm A"},r={month:[Y.month,"MMMM YYYY","MMM YYYY"],date:[Y.date,"D/M/YYYY"],dateTime:[Y.dateTime,"D/M/YYYY hh:mm A"]},a=function(t){var e=t.value,l=t.type,i=t.range,r=t.prevValue,a=Y[l],o=i?"".concat(a," - ").concat(a):a,M=e.toLocaleLowerCase().replace(/([ap])m/gi,"$1");if(e.length<=r.length||!function(t,e){return e.length<=t.length&&e.split("").every((function(e,l){var i,u=t[l];if(n.includes(u))return null==(i=e)?void 0:i.match(/\d/);if("A"===u){var Y=e.toLocaleLowerCase();return"a"===Y||"p"===Y}return u===e}))}(o,M)||o.length<=M.length)return e;var c=function(t,e){var l;return(null===(l=t.substring(e).match(u))||void 0===l?void 0:l[0])||""}(o,M.length);return"".concat(e).concat(c)},o=function(t,e){return!!t&&!!e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()},M=function(t,e){return o(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate())},c=function(t,e){return t&&e?t<e?t:e:t||e},d=function(t,e){return t&&e?t>e?t:e:t||e},h=[{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"}],g=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)};export{t as DefaultFormatByType,e as DefaultFormatByTypeRange,Y as InputAutocompleteFormats,r as InputParseFormats,h as MonthOptions,a as autocompleteValue,g as getDateWithSameTime,l as getDefaultFormat,d as getMaxDate,c as getMinDate,M as isSameDay,o as isSameMonth};
 //# sourceMappingURL=utils.js.map

package/componentsV2/DatePicker/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/componentsV2/DatePicker/utils.tsx"],"sourcesContent":["~~import~~ ~~moment from 'moment';\n\nexport~~ 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// ~~startTime - start date selected, no time selected\n//~~ endDate - start done, no end date selected\~~n// endTime - end date selected, no time selected\~~nexport type RangeSelectionStep = 'startDate' \| '~~startTime' \| '~~endDate' ~~\| 'endTime'~~;\n\nexport const ~~applyOffsetSeconds = (date: Date, offset: number) =>\n moment(date).startOf('day').add(offset, 'seconds').toDate();\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\nexport const ~~FallbackInputFormats~~: Record<DatePickerType, string[]> = {\n month: ['MMMM YYYY', 'MMM YYYY'],\n date: [~~'DD/MM/YYYY'~~, 'D/M/YYYY'],\n dateTime: ['DD/MM/YYYY hh:mm A', 'D/~~M/YYYY~~ hh:mm A'],\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"],"names":["~~applyOffsetSeconds~~","date","~~offset~~","~~moment~~","~~startOf~~","~~add~~","~~toDate~~","~~DefaultFormatByType~~","~~dateTime~~","~~month~~","~~DefaultFormatByTypeRange~~","~~getDefaultFormat~~","~~type~~","~~range~~","~~FallbackInputFormats~~","isSameMonth","a","b","getFullYear","getMonth","isSameDay","getDate","getMinDate","getMaxDate","MonthOptions","id","title","fullTitle"],"~~mappings~~":"~~sBAoBO~~,~~IAAMA~~,~~EAAqB~~,~~SAACC~~,~~EAAYC~~,~~GAAc~~,~~OAC3DC~~,~~EAAOF,GAAMG,QAAQ,OAAOC,IAAIH,EAAQ,WAAWI,QAAQ,EAEhDC,~~EAAsD,~~CACjEN~~,KAAM,~~cACNO~~,SAAU,sBACVC,MAAO,aAGIC,EAA2D,~~CACtET~~,KAAM,~~aACNO~~,SAAU,qBACVC,MAAO,YAGIE,EAAmB,SAACC,EAAsBC,GAErD,OADYA,EAAQH,~~EAA2BH~~,~~GACpCK~~,EACb,~~EAEaE~~,~~EAAyD~~,~~CACpEL~~,MAAO,~~CAAC~~,YAAa,~~YACrBR~~,KAAM,~~CAAC~~,~~aAAc~~,~~YACrBO~~,SAAU,~~CAAC~~,~~qBAAsB~~,~~qBAGtBO~~,EAAc,SAACC,EAAUC,GAAQ,QAC1CD,KAAOC,GAAKD,EAAEE,gBAAkBD,EAAEC,eAAiBF,EAAEG,aAAeF,EAAEE,UAAU,EAEvEC,EAAY,SAACJ,EAAUC,GAAQ,OAAKF,EAAYC,EAAGC,KAAMD,aAAC,EAADA,EAAGK,cAAcJ,aAAAA,EAAAA,EAAGI,UAAS,EAEtFC,EAAa,SAACN,EAAUC,GACnC,OAAID,GAAKC,EACAD,EAAIC,EAAID,EAAIC,EAGdD,GAAKC,CACd,EAEaM,EAAa,SAACP,EAAUC,GACnC,OAAID,GAAKC,EACAD,EAAIC,EAAID,EAAIC,EAGdD,GAAKC,CACd,EAEaO,EAAe,CAC1B,CAAEC,GAAI,EAAGC,MAAO,MAAOC,UAAW,WAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,YAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,SAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,SAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,OAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,QAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,QAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,UAClC,CAAEF,GAAI,EAAGC,MAAO,MAAOC,UAAW,aAClC,CAAEF,GAAI,GAAIC,MAAO,MAAOC,UAAW,WACnC,CAAEF,GAAI,GAAIC,MAAO,MAAOC,UAAW,YACnC,CAAEF,GAAI,GAAIC,MAAO,MAAOC,UAAW"}
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","getDefaultFormat","type","range","NumericLetters","AllLetters","concat","GetSeparatorRegex","RegExp","join","InputAutocompleteFormats","InputParseFormats","autocompleteValue","_ref","value","prevValue","formatPart","format","preparedValue","toLocaleLowerCase","replace","length","split","every","valueChar","pos","symbol","formatChar","includes","match","lcChar","isInFormatSoFar","separator","startIndex","_format$substring$mat","substring","getSeparator","isSameMonth","a","b","getFullYear","getMonth","isSameDay","getDate","getMinDate","getMaxDate","MonthOptions","id","title","fullTitle","getDateWithSameTime","timeDate","Date","getHours","getMinutes","getSeconds"],"mappings":"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"}

package/componentsV2/DragHandle/DragHandle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import{ButtonIcon as i}from"../ButtonIcon/ButtonIcon.js";import{DragIcon as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as t}from"react/jsx-runtime";var r=["size"];function m(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function e(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?m(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var p=c((function(o,c){var m=o.size,p=void 0===m?"medium":m,u=s(o,r);return t(i,e(e({},u),{},{size:p,type:"tertiaryBg",disableFocusState:!0,ref:c,children:t(n,{})}))}));export{p as DragHandle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import{ButtonIcon as i}from"../ButtonIcon/ButtonIcon.js";import{DragIcon as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as t}from"react/jsx-runtime";var r=["size"];function m(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function e(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?m(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var p=c((function(o,c){var m=o.size,p=void 0===m?"medium":m,u=s(o,r);return t(i,e(e({},u),{},{size:p,type:"tertiaryBg",disableFocusState:!0,ref:c,children:t(n,{})}))}));export{p as DragHandle};
 //# sourceMappingURL=DragHandle.js.map

package/componentsV2/DragHandle/DragHandle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragHandle.js","sources":["../../../src/componentsV2/DragHandle/DragHandle.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ButtonIcon, ButtonIconProps } from '../ButtonIcon';\nimport { DragIcon } from '../../icons';\nimport { InferComponentRefType } from '../types';\n\nexport type DragHandleProps = {\n onClick?: ButtonIconProps['onClick'];\n onMouseDown?: ButtonIconProps['onMouseDown'];\n onMouseUp?: ButtonIconProps['onMouseUp'];\n size?: ButtonIconProps['size'];\n disabled?: ButtonIconProps['disabled'];\n\n className?: string;\n testId?: string;\n};\n\nexport const DragHandle = forwardRef<InferComponentRefType<typeof ButtonIcon>, DragHandleProps>(\n ({ size = 'medium', ...rest }, ref) => {\n return (\n <ButtonIcon {...rest} size={size} type=\"tertiaryBg\" disableFocusState ref={ref}>\n <DragIcon />\n </ButtonIcon>\n );\n }\n);\n"],"names":["DragHandle","forwardRef","_ref","ref","_ref$size","size","rest","_objectWithoutProperties","_excluded","_jsx","ButtonIcon","_objectSpread","type","disableFocusState","children","DragIcon"],"mappings":"~~k9IAiBaA~~,EAAaC,GACxB,SAAAC,EAA+BC,GAAQ,IAAAC,EAAAF,EAApCG,KAAAA,aAAO,SAAQD,EAAKE,EAAIC,EAAAL,EAAAM,GACzB,OACEC,EAACC,EAAUC,EAAAA,EAAA,GAAKL,GAAI,GAAA,CAAED,KAAMA,EAAMO,KAAK,aAAaC,mBAAiB,EAACV,IAAKA,EAAIW,SAC7EL,EAACM,EAAQ,MAGf"}
1	+ {"version":3,"file":"DragHandle.js","sources":["../../../src/componentsV2/DragHandle/DragHandle.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ButtonIcon, ButtonIconProps } from '../ButtonIcon';\nimport { DragIcon } from '../../icons';\nimport { InferComponentRefType } from '../types';\n\nexport type DragHandleProps = {\n onClick?: ButtonIconProps['onClick'];\n onMouseDown?: ButtonIconProps['onMouseDown'];\n onMouseUp?: ButtonIconProps['onMouseUp'];\n size?: ButtonIconProps['size'];\n disabled?: ButtonIconProps['disabled'];\n\n className?: string;\n testId?: string;\n};\n\nexport const DragHandle = forwardRef<InferComponentRefType<typeof ButtonIcon>, DragHandleProps>(\n ({ size = 'medium', ...rest }, ref) => {\n return (\n <ButtonIcon {...rest} size={size} type=\"tertiaryBg\" disableFocusState ref={ref}>\n <DragIcon />\n </ButtonIcon>\n );\n }\n);\n"],"names":["DragHandle","forwardRef","_ref","ref","_ref$size","size","rest","_objectWithoutProperties","_excluded","_jsx","ButtonIcon","_objectSpread","type","disableFocusState","children","DragIcon"],"mappings":"mqJAiBaA,EAAaC,GACxB,SAAAC,EAA+BC,GAAQ,IAAAC,EAAAF,EAApCG,KAAAA,aAAO,SAAQD,EAAKE,EAAIC,EAAAL,EAAAM,GACzB,OACEC,EAACC,EAAUC,EAAAA,EAAA,GAAKL,GAAI,GAAA,CAAED,KAAMA,EAAMO,KAAK,aAAaC,mBAAiB,EAACV,IAAKA,EAAIW,SAC7EL,EAACM,EAAQ,MAGf"}

package/componentsV2/EmptyState/EmptyState.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;~~eAqBa~~,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAInC,CAAC;AAGF,eAAO,MAAM,aAAa,+CAQzB,CAAC;AAOF,eAAO,MAAM,cAAc,+CAqC1B,CAAC"}
1	+ {"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAuBa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAInC,CAAC;AAGF,eAAO,MAAM,aAAa,+CAQzB,CAAC;AAOF,eAAO,MAAM,cAAc,+CAqC1B,CAAC"}

package/componentsV2/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{Text as i}from"../Text/Text.js";import{Button as n}from"../Button/Button.js";import{parseAccept as t,formatDescription as r}from"./utils.js";import e from"./FilesDropzone.scss.js";import{FileAdditionOne as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as p}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as u,jsx as a,Fragment as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,h=o.accept,b=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,g=o.error,P=o.disabled,v=o.testId,y=t(h),F=y.mimetypes,D=y.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:b,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:P}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,O),"data-testid":v,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,P&&e.disabled,k&&e.active),children:[a("input",I({},T())),d||u(l,{children:[a(m,{size:24,className:e.icon}),a(i,{size:14,color:P?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:P,className:e.uploadButton,children:"Choose file"})]})]})),!g&&z&&a(i,{size:14,color:P?"T9":"T6",className:e.description,children:z}),g&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),g]})]})};export{d as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{Text as i}from"../Text/Text.js";import{Button as n}from"../Button/Button.js";import{parseAccept as t,formatDescription as r}from"./utils.js";import e from"./FilesDropzone.scss.js";import{FileAdditionOne as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as p}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as u,jsx as a,Fragment as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,O=o.accept,h=o.onDrop,b=o.className,f=o.maxFiles,C=o.maxSize,P=o.error,F=o.disabled,g=o.testId,v=t(O),y=v.mimetypes,D=v.extensions,x=y.length||D.length?I({"*/*":D},Object.fromEntries(y.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:F}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,b),"data-testid":g,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,F&&e.disabled,k&&e.active),children:[a("input",I({},T())),d||u(l,{children:[a(m,{size:24,className:e.icon}),a(i,{size:14,color:F?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:F,className:e.uploadButton,children:"Choose file"})]})]})),!P&&z&&a(i,{size:14,color:F?"T9":"T6",className:e.description,children:z}),P&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),P]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/componentsV2/FilesDropzone/FilesDropzone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesDropzone.js","sources":["../../../src/componentsV2/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\n\nimport { formatDescription, parseAccept } from './utils';\n\nimport styles from './FilesDropzone.scss';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Component content\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n disabled?: boolean;\n\n error?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const FilesDropzone = ({\n multiple,\n children,\n accept,\n onDrop,\n className,\n maxFiles,\n maxSize,\n error,\n disabled,\n testId,\n}: FilesDropzoneProps) => {\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.dropzone,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Text size={14} color={disabled ? 'T9' : 'T6'}>\n Drag & Drop your file here or\n </Text>\n <Button\n type=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!error && description && (\n <Text size={14} color={disabled ? 'T9' : 'T6'} className={styles.description}>\n {description}\n </Text>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","_ref","multiple","children","accept","onDrop","className","maxFiles","maxSize","error","disabled","testId","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","styles","root","dropzone","active","_jsx","_Fragment","FileAdditionOne","size","icon","Text","color","Button","type","uploadButton","CautionFilledCustomIcon"],"mappings":"~~wmJA0DaA~~,IAAAA,EAAgB,SAWHC,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAYR,GAAtCS,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYN,GAElDiB,EAAsDC,EAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAA,MAAA,CAAKxB,UAAWyB,EAAWC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,eAAWR,MACVzB,GACC2B,EAAAO,EAAA,CAAAlC,SAAA,CACEiC,EAACE,EAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,EAACO,EAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAACW,EAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,EAACU,EAAuB,CAACP,KAAM,KAC9B9B,OAKX"}
1	+ {"version":3,"file":"FilesDropzone.js","sources":["../../../src/componentsV2/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\n\nimport { formatDescription, parseAccept } from './utils';\n\nimport styles from './FilesDropzone.scss';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Component content\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n disabled?: boolean;\n\n error?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const FilesDropzone = ({\n multiple,\n children,\n accept,\n onDrop,\n className,\n maxFiles,\n maxSize,\n error,\n disabled,\n testId,\n}: FilesDropzoneProps) => {\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.dropzone,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Text size={14} color={disabled ? 'T9' : 'T6'}>\n Drag & Drop your file here or\n </Text>\n <Button\n type=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!error && description && (\n <Text size={14} color={disabled ? 'T9' : 'T6'} className={styles.description}>\n {description}\n </Text>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","_ref","multiple","children","accept","onDrop","className","maxFiles","maxSize","error","disabled","testId","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","styles","root","dropzone","active","_jsx","_Fragment","FileAdditionOne","size","icon","Text","color","Button","type","uploadButton","CautionFilledCustomIcon"],"mappings":"yzJA0DaA,IAAAA,EAAgB,SAWHC,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAYR,GAAtCS,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYN,GAElDiB,EAAsDC,EAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAA,MAAA,CAAKxB,UAAWyB,EAAWC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,eAAWR,MACVzB,GACC2B,EAAAO,EAAA,CAAAlC,SAAA,CACEiC,EAACE,EAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,EAACO,EAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAACW,EAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,EAACU,EAAuB,CAACP,KAAM,KAC9B9B,OAKX"}

package/componentsV2/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{FileIcon as s}from"../FileIcon/FileIcon.js";import{Text as c}from"../Text/Text.js";import{TextMiddleTruncated as i}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as n}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as t}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{formatSizeProgress as m}from"./utils.js";import{PreviewImage as e}from"./PreviewImage.js";import u from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as l,RedoIcon as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as j}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getIsImage as I}from"../../utils/fileExtension.js";import{jsxs as d,jsx as F,Fragment as C}from"react/jsx-runtime";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,M=h.total,O=h.error,g=h.onCancel,z=h.onReload,A=h.onDelete,B=h.indeterminate,b=h.complete,P=h.testId,k=h.preview,E=v||m,N=!B&&void 0!==M&&void 0!==T,R=N&&M>0?Math.min(100,Math.ceil(T/M*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return d("div",{className:o(u.root,f),"data-testid":P,children:[k&&I(y)?F(e,{image:k}):F(s,{name:S,size:Number(u.iconSize)}),d("div",{className:u.content,children:[F(c,{size:14,children:F(i,{children:S})}),!O&&!b&&d(C,{children:[F(n,{className:u.progressBar,value:R}),N&&d("div",{className:u.progressTextContainer,children:[F(c,{size:12,color:"T6",children:E(M,T)}),d(c,{size:12,color:"T6",children:[R,"%"]})]})]}),O&&d(c,{size:14,className:u.error,children:[F(j,{size:16}),O]})]}),g&&!O&&!b&&F(r,{title:"Cancel",children:F(t,{onClick:g,size:"small",children:F(p,{})})}),A&&(O||b)&&F(r,{title:"Remove File",children:F(t,{onClick:A,size:"small",children:F(l,{})})}),z&&O&&F(r,{title:"Reload",children:F(t,{onClick:z,size:"small",children:F(a,{})})})]})};export{h as FilesLoader};
+import o from"classnames";import{FileIcon as s}from"../FileIcon/FileIcon.js";import{Text as c}from"../Text/Text.js";import{TextMiddleTruncated as i}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as n}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as t}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as m}from"../Tooltip/Tooltip.js";import{formatSizeProgress as r}from"./utils.js";import{PreviewImage as e}from"./PreviewImage.js";import u from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as l,RedoIcon as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as j}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getIsImage as I}from"../../utils/fileExtension.js";import{jsxs as d,jsx as F,Fragment as C}from"react/jsx-runtime";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,O=h.total,M=h.error,g=h.onCancel,z=h.onReload,A=h.onDelete,B=h.indeterminate,P=h.complete,b=h.testId,k=h.preview,E=v||r,R=!B&&void 0!==O&&void 0!==T,N=R&&O>0?Math.min(100,Math.ceil(T/O*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return d("div",{className:o(u.root,f),"data-testid":b,children:[k&&I(y)?F(e,{image:k}):F(s,{name:S,size:Number(u.iconSize)}),d("div",{className:u.content,children:[F(c,{size:14,children:F(i,{children:S})}),!M&&!P&&d(C,{children:[F(n,{className:u.progressBar,value:N}),R&&d("div",{className:u.progressTextContainer,children:[F(c,{size:12,color:"T6",children:E(O,T)}),d(c,{size:12,color:"T6",children:[N,"%"]})]})]}),M&&d(c,{size:14,className:u.error,children:[F(j,{size:16}),M]})]}),g&&!M&&!P&&F(m,{title:"Cancel",children:F(t,{onClick:g,size:"small",children:F(p,{})})}),A&&(M||P)&&F(m,{title:"Remove File",children:F(t,{onClick:A,size:"small",children:F(l,{})})}),z&&M&&F(m,{title:"Reload",children:F(t,{onClick:z,size:"small",children:F(a,{})})})]})};export{h as FilesLoader};
 //# sourceMappingURL=FilesLoader.js.map

package/componentsV2/FilesLoader/FilesLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesLoader.js","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../FileIcon';\nimport { Text } from '../Text';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { LoaderLinear } from '../LoaderLinear';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\n\nimport { formatSizeProgress } from './utils';\nimport { PreviewImage } from './PreviewImage';\n\nimport styles from './FilesLoader.scss';\n\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { getIsImage } from '~/utils/fileExtension';\n\nexport type FilesLoaderProps = {\n name?: string;\n // ⚠️⚠️⚠️ Used in FilesProcessorProps, update docs if changing this type\n preview?: File \| string;\n indeterminate?: boolean;\n complete?: boolean;\n /*\n Total progress value (bytes by default)\n /\n total?: number;\n /\n Current progress value (bytes by default)\n /\n current?: number;\n /\n Error to show\n /\n error?: ReactNode;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n \n @default formatSizeProgress\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const FilesLoader = ({\n // Can't default to `formatSizeProgress` because it puts the `formatSizeProgress` code in docs which looks bad\n formatProgress: propsFormatProgress,\n className,\n name,\n current,\n total,\n error,\n onCancel,\n onReload,\n onDelete,\n indeterminate,\n complete,\n testId,\n preview,\n}: FilesLoaderProps) => {\n const formatProgress = propsFormatProgress \|\| formatSizeProgress;\n const isDeterminate =\n !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';\n const progressPercent =\n isDeterminate && total > 0 ? Math.min(100, Math.ceil((current / total) 100)) : undefined;\n\n const previewName = typeof preview === 'string' ? preview : preview?.name;\n const shownName = name \|\| previewName \|\| '';\n const extension = shownName.match(/(.[a-z0-9]+)(?:\\?.*)?$/iu)?.[1];\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {preview && getIsImage(extension) ? (\n <PreviewImage image={preview} />\n ) : (\n <FileIcon name={shownName} size={Number(styles.iconSize)} />\n )}\n\n <div className={styles.content}>\n <Text size={14}>\n <TextMiddleTruncated>{shownName}</TextMiddleTruncated>\n </Text>\n\n {!error && !complete && (\n <>\n <LoaderLinear className={styles.progressBar} value={progressPercent} />\n\n {isDeterminate && (\n <div className={styles.progressTextContainer}>\n <Text size={12} color=\"T6\">\n {formatProgress(total, current)}\n </Text>\n\n <Text size={12} color=\"T6\">\n {progressPercent}%\n </Text>\n </div>\n )}\n </>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n\n {onCancel && !error && !complete && (\n <Tooltip title=\"Cancel\">\n <ButtonIcon onClick={onCancel} size=\"small\">\n <CloseIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onDelete && (error \|\| complete) && (\n <Tooltip title=\"Remove File\">\n <ButtonIcon onClick={onDelete} size=\"small\">\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onReload && error && (\n <Tooltip title=\"Reload\">\n <ButtonIcon onClick={onReload} size=\"small\">\n <RedoIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n};\n"],"names":["FilesLoader","_ref","_shownName$match","propsFormatProgress","formatProgress","className","name","current","total","error","onCancel","onReload","onDelete","indeterminate","complete","testId","preview","formatSizeProgress","isDeterminate","progressPercent","Math","min","ceil","undefined","previewName","shownName","extension","match","_jsxs","classNames","styles","root","children","getIsImage","_jsx","PreviewImage","image","FileIcon","size","Number","iconSize","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"~~83IA4DaA~~,IAAAA,EAAc,SAeHC,GAAA,IAAAC,EAbNC,IAAhBC,eACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,QAEMZ,EAAiBD,GAAuBc,EACxCC,GACHL,QAAkC,IAAVL,QAA4C,IAAZD,EACrDY,EACJD,GAAiBV,EAAQ,EAAIY,KAAKC,IAAI,IAAKD,KAAKE,KAAMf,EAAUC,EAAS,WAAQe,EAE7EC,EAAiC,iBAAZR,EAAuBA,EAAUA,aAAAA,EAAAA,EAASV,KAC/DmB,EAAYnB,GAAQkB,GAAe,GACnCE,EAAuD,QAA3CD,EAAAA,EAAUE,MAAM,wWAA2B,IAAAzB,OAAA,EAA3CA,EAA8C,GAEhE,OACE0B,EAAA,MAAA,CAAKvB,UAAWwB,EAAWC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAWP,GACrBQ,EAACC,EAAY,CAACC,MAAOpB,IAErBkB,EAACG,EAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAA,MAAA,CAAKvB,UAAWyB,EAAOW,QAAQT,SAAA,CAC7BE,EAACQ,EAAI,CAACJ,KAAM,GAAGN,SACbE,EAACS,EAAmB,CAAAX,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAgB,EAAA,CAAAZ,SAAA,CACEE,EAACW,EAAY,CAACxC,UAAWyB,EAAOgB,YAAaC,MAAO5B,IAEnDD,GACCU,EAAA,MAAA,CAAKvB,UAAWyB,EAAOkB,sBAAsBhB,SAAA,CAC3CE,EAACQ,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SACvB5B,EAAeI,EAAOD,KAGzBqB,EAACc,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAACc,EAAI,CAACJ,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,EAACgB,EAAuB,CAACZ,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS5C,EAAU4B,KAAK,QAAON,SACzCE,EAACqB,EAAS,QAKf3C,IAAaH,GAASK,IACrBoB,EAACiB,EAAO,CAACC,MAAM,cAAapB,SAC1BE,EAACmB,EAAU,CAACC,QAAS1C,EAAU0B,KAAK,QAAON,SACzCE,EAACsB,EAAc,QAKpB7C,GAAYF,GACXyB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS3C,EAAU2B,KAAK,QAAON,SACzCE,EAACuB,EAAQ,UAMrB"}
1	+ {"version":3,"file":"FilesLoader.js","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../FileIcon';\nimport { Text } from '../Text';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { LoaderLinear } from '../LoaderLinear';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\n\nimport { formatSizeProgress } from './utils';\nimport { PreviewImage } from './PreviewImage';\n\nimport styles from './FilesLoader.scss';\n\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { getIsImage } from '~/utils/fileExtension';\n\nexport type FilesLoaderProps = {\n name?: string;\n // ⚠️⚠️⚠️ Used in FilesProcessorProps, update docs if changing this type\n preview?: File \| string;\n indeterminate?: boolean;\n complete?: boolean;\n /*\n Total progress value (bytes by default)\n /\n total?: number;\n /\n Current progress value (bytes by default)\n /\n current?: number;\n /\n Error to show\n /\n error?: ReactNode;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n \n @default formatSizeProgress\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const FilesLoader = ({\n // Can't default to `formatSizeProgress` because it puts the `formatSizeProgress` code in docs which looks bad\n formatProgress: propsFormatProgress,\n className,\n name,\n current,\n total,\n error,\n onCancel,\n onReload,\n onDelete,\n indeterminate,\n complete,\n testId,\n preview,\n}: FilesLoaderProps) => {\n const formatProgress = propsFormatProgress \|\| formatSizeProgress;\n const isDeterminate =\n !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';\n const progressPercent =\n isDeterminate && total > 0 ? Math.min(100, Math.ceil((current / total) 100)) : undefined;\n\n const previewName = typeof preview === 'string' ? preview : preview?.name;\n const shownName = name \|\| previewName \|\| '';\n const extension = shownName.match(/(.[a-z0-9]+)(?:\\?.*)?$/iu)?.[1];\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {preview && getIsImage(extension) ? (\n <PreviewImage image={preview} />\n ) : (\n <FileIcon name={shownName} size={Number(styles.iconSize)} />\n )}\n\n <div className={styles.content}>\n <Text size={14}>\n <TextMiddleTruncated>{shownName}</TextMiddleTruncated>\n </Text>\n\n {!error && !complete && (\n <>\n <LoaderLinear className={styles.progressBar} value={progressPercent} />\n\n {isDeterminate && (\n <div className={styles.progressTextContainer}>\n <Text size={12} color=\"T6\">\n {formatProgress(total, current)}\n </Text>\n\n <Text size={12} color=\"T6\">\n {progressPercent}%\n </Text>\n </div>\n )}\n </>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n\n {onCancel && !error && !complete && (\n <Tooltip title=\"Cancel\">\n <ButtonIcon onClick={onCancel} size=\"small\">\n <CloseIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onDelete && (error \|\| complete) && (\n <Tooltip title=\"Remove File\">\n <ButtonIcon onClick={onDelete} size=\"small\">\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onReload && error && (\n <Tooltip title=\"Reload\">\n <ButtonIcon onClick={onReload} size=\"small\">\n <RedoIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n};\n"],"names":["FilesLoader","_ref","_shownName$match","propsFormatProgress","formatProgress","className","name","current","total","error","onCancel","onReload","onDelete","indeterminate","complete","testId","preview","formatSizeProgress","isDeterminate","progressPercent","Math","min","ceil","undefined","previewName","shownName","extension","match","_jsxs","classNames","styles","root","children","getIsImage","_jsx","PreviewImage","image","FileIcon","size","Number","iconSize","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"+kJA4DaA,IAAAA,EAAc,SAeHC,GAAA,IAAAC,EAbNC,IAAhBC,eACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,QAEMZ,EAAiBD,GAAuBc,EACxCC,GACHL,QAAkC,IAAVL,QAA4C,IAAZD,EACrDY,EACJD,GAAiBV,EAAQ,EAAIY,KAAKC,IAAI,IAAKD,KAAKE,KAAMf,EAAUC,EAAS,WAAQe,EAE7EC,EAAiC,iBAAZR,EAAuBA,EAAUA,aAAAA,EAAAA,EAASV,KAC/DmB,EAAYnB,GAAQkB,GAAe,GACnCE,EAAuD,QAA3CD,EAAAA,EAAUE,MAAM,wWAA2B,IAAAzB,OAAA,EAA3CA,EAA8C,GAEhE,OACE0B,EAAA,MAAA,CAAKvB,UAAWwB,EAAWC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAWP,GACrBQ,EAACC,EAAY,CAACC,MAAOpB,IAErBkB,EAACG,EAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAA,MAAA,CAAKvB,UAAWyB,EAAOW,QAAQT,SAAA,CAC7BE,EAACQ,EAAI,CAACJ,KAAM,GAAGN,SACbE,EAACS,EAAmB,CAAAX,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAgB,EAAA,CAAAZ,SAAA,CACEE,EAACW,EAAY,CAACxC,UAAWyB,EAAOgB,YAAaC,MAAO5B,IAEnDD,GACCU,EAAA,MAAA,CAAKvB,UAAWyB,EAAOkB,sBAAsBhB,SAAA,CAC3CE,EAACQ,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SACvB5B,EAAeI,EAAOD,KAGzBqB,EAACc,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAACc,EAAI,CAACJ,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,EAACgB,EAAuB,CAACZ,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS5C,EAAU4B,KAAK,QAAON,SACzCE,EAACqB,EAAS,QAKf3C,IAAaH,GAASK,IACrBoB,EAACiB,EAAO,CAACC,MAAM,cAAapB,SAC1BE,EAACmB,EAAU,CAACC,QAAS1C,EAAU0B,KAAK,QAAON,SACzCE,EAACsB,EAAc,QAKpB7C,GAAYF,GACXyB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS3C,EAAU2B,KAAK,QAAON,SACzCE,EAACuB,EAAQ,UAMrB"}

package/componentsV2/Grid/Grid.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;~~eAUa~~,IAAI;AAMnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAQnC,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAwCpB,CAAC;AAOF,eAAO,MAAM,UAAU,+CAqCtB,CAAC;AAMF,eAAO,MAAM,YAAY,+CAkBxB,CAAC;AAMF,eAAO,MAAM,QAAQ,+CA2BpB,CAAC;AAOF,eAAO,MAAM,YAAY,+CASxB,CAAC"}
1	+ {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAYa,IAAI;AAMnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAQnC,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAwCpB,CAAC;AAOF,eAAO,MAAM,UAAU,+CAqCtB,CAAC;AAMF,eAAO,MAAM,YAAY,+CAkBxB,CAAC;AAMF,eAAO,MAAM,QAAQ,+CA2BpB,CAAC;AAOF,eAAO,MAAM,YAAY,+CASxB,CAAC"}

package/componentsV2/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as c,useState as i,useEffect as n,Children as t,isValidElement as r,cloneElement as e,useMemo as m}from"react";import p from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Text as u}from"../Text/Text.js";import{ButtonIcon as l}from"../ButtonIcon/ButtonIcon.js";import{CloseSmallIcon as j}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Header as d}from"../Header/Header.js";import{Button as I}from"../Button/Button.js";import{findAppContainerElement as f}from"../utils.js";import h from"./Hint.scss.js";import{jsxs as b,Fragment as O,jsx as v}from"react/jsx-runtime";function C(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?C(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):C(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var P=function(o){var C=o.anchorEl,P=o.open,A=o.className,F=o.onClose,g=o.title,N=o.description,k=o.testId,w=o.placement,x=void 0===w?"bottom":w,D=o.children,E=o.primaryActionHandler,T=o.secondaryActionHandler,M=o.secondaryActionText,S=o.primaryActionText,B=o.stepsTotal,z=void 0===B?0:B,H=o.stepCurrent,R=void 0===H?0:H,G=o.flip,U=void 0!==G&&G,q=o.popperProps,L=c(),W=i(null),K=s(W,2),Z=K[0],J=K[1],Q=i(),V=s(Q,2),X=V[0],Y=V[1];if(n((function(){requestAnimationFrame((function(){return Y(P?C||L.current:void 0)}))}),[C,P]),!C&&t.count(D)>1)throw new Error("Hint expects a single reffable element as a child");var $=C?D:t.map(D,(function(o){return r(o)?e(o,{ref:L}):o})),_=m((function(){var o=f(X);return y({flip:{enabled:U},arrow:{enabled:!!Z,element:Z},preventOverflow:{boundariesElement:o}},null==q?void 0:q.modifiers)}),[Z,U,X,null==q?void 0:q.modifiers]),oo=E&&S&&v(I,{onClick:E,className:h.primaryAction,type:"tertiary",children:S}),so=T&&M&&v(I,{onClick:T,className:h.secondaryAction,type:"tertiary",children:M}),co=z>0&&R>0&&b(u,{size:12,children:["Step ",R,"/",v(u,{size:10,children:z})]});return b(O,{children:[$,b(a,y(y({className:h.popper,transition:!0,open:!!X,anchorEl:X,placement:x,modifiers:_,container:document.body},q),{},{children:[v("div",{ref:J,className:h.arrow}),b("div",{className:p(h.tooltip,A),"data-testid":k,children:[(g||F)&&b("div",{className:h.title,children:[v(d,{appearance:"appName",className:h.titleInner,children:g}),F&&v(l,{onClick:F,size:"medium",className:h.closeButton,children:v(j,{})})]}),N&&v(u,{tagName:"div",className:h.description,size:14,children:N}),(oo||so||co)&&b("div",{className:h.footer,children:[so,co,oo]})]})]}))]})};export{P as Hint};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as c,useState as i,useEffect as n,Children as t,isValidElement as r,cloneElement as e,useMemo as m}from"react";import p from"classnames";import{Popper as u}from"../Popper/Popper.js";import{Text as a}from"../Text/Text.js";import{ButtonIcon as l}from"../ButtonIcon/ButtonIcon.js";import{CloseSmallIcon as j}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Header as d}from"../Header/Header.js";import{Button as I}from"../Button/Button.js";import{findAppContainerElement as f}from"../utils.js";import h from"./Hint.scss.js";import{jsxs as b,Fragment as O,jsx as v}from"react/jsx-runtime";function C(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?C(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):C(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var P=function(o){var C=o.anchorEl,P=o.open,F=o.className,A=o.onClose,g=o.title,N=o.description,k=o.testId,w=o.placement,x=void 0===w?"bottom":w,D=o.children,E=o.primaryActionHandler,T=o.secondaryActionHandler,M=o.secondaryActionText,S=o.primaryActionText,B=o.stepsTotal,z=void 0===B?0:B,H=o.stepCurrent,R=void 0===H?0:H,G=o.flip,U=void 0!==G&&G,q=o.popperProps,L=c(),W=i(null),K=s(W,2),Z=K[0],J=K[1],Q=i(),V=s(Q,2),X=V[0],Y=V[1];if(n((function(){requestAnimationFrame((function(){return Y(P?C||L.current:void 0)}))}),[C,P]),!C&&t.count(D)>1)throw new Error("Hint expects a single reffable element as a child");var $=C?D:t.map(D,(function(o){return r(o)?e(o,{ref:L}):o})),_=m((function(){var o=f(X);return y({flip:{enabled:U},arrow:{enabled:!!Z,element:Z},preventOverflow:{boundariesElement:o}},null==q?void 0:q.modifiers)}),[Z,U,X,null==q?void 0:q.modifiers]),oo=E&&S&&v(I,{onClick:E,className:h.primaryAction,type:"tertiary",children:S}),so=T&&M&&v(I,{onClick:T,className:h.secondaryAction,type:"tertiary",children:M}),co=z>0&&R>0&&b(a,{size:12,children:["Step ",R,"/",v(a,{size:10,children:z})]});return b(O,{children:[$,b(u,y(y({className:h.popper,transition:!0,open:!!X,anchorEl:X,placement:x,modifiers:_,container:document.body},q),{},{children:[v("div",{ref:J,className:h.arrow}),b("div",{className:p(h.tooltip,F),"data-testid":k,children:[(g||A)&&b("div",{className:h.title,children:[v(d,{appearance:"appName",className:h.titleInner,children:g}),A&&v(l,{onClick:A,size:"medium",className:h.closeButton,children:v(j,{})})]}),N&&v(a,{tagName:"div",className:h.description,size:14,children:N}),(oo||so||co)&&b("div",{className:h.footer,children:[so,co,oo]})]})]}))]})};export{P as Hint};
 //# sourceMappingURL=Hint.js.map

package/componentsV2/Hint/Hint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../src/componentsV2/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { CloseSmallIcon } from '../../icons';\nimport { Header } from '../Header';\nimport { Button, ButtonProps } from '../Button';\nimport { findAppContainerElement } from '../utils';\n\nimport styles from './Hint.scss';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n description?: ReactNode;\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n /\n Close button is shown only when this prop is present\n /\n onClose?: () => void;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n\n stepCurrent?: number;\n stepsTotal?: number;\n\n /\n Controls if hint should flip to other side of an element to fit into the viewport\n /\n flip?: boolean;\n\n /\n Escape hatch for popper props. `modifiers` property will be merged with `<Hint/>`'s own modifiers.\n */\n popperProps?: Partial<PopperProps>;\n\n className?: string;\n testId?: string;\n};\n\nexport const Hint = ({\n anchorEl,\n open,\n className,\n onClose,\n title,\n description,\n testId,\n placement = 'bottom',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n secondaryActionText,\n primaryActionText,\n stepsTotal = 0,\n stepCurrent = 0,\n flip = false,\n popperProps,\n}: HintProps) => {\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState<HTMLDivElement \| null>(null);\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n requestAnimationFrame(() => setAnchor(open ? anchorEl \|\| childAnchorRef.current : undefined));\n }, [anchorEl, open]);\n\n if (!anchorEl && Children.count(children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = anchorEl\n ? children\n : Children.map(children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as never);\n }\n\n return child;\n });\n\n const popperModifiers = useMemo(() => {\n const boundariesElement = findAppContainerElement(anchor);\n\n return {\n flip: {\n enabled: flip,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n // This is an override for MUI's config of Popper.\n // See https://github.com/mui/material-ui/blob/v4.x/packages/material-ui/src/Popper/Popper.js#L132\n preventOverflow: {\n boundariesElement,\n },\n ...popperProps?.modifiers,\n };\n }, [arrowRef, flip, anchor, popperProps?.modifiers]);\n\n const primaryAction = primaryActionHandler && primaryActionText && (\n <Button onClick={primaryActionHandler} className={styles.primaryAction} type=\"tertiary\">\n {primaryActionText}\n </Button>\n );\n\n const secondaryAction = secondaryActionHandler && secondaryActionText && (\n <Button onClick={secondaryActionHandler} className={styles.secondaryAction} type=\"tertiary\">\n {secondaryActionText}\n </Button>\n );\n\n const stepper = stepsTotal > 0 && stepCurrent > 0 && (\n <Text size={12}>\n Step {stepCurrent}/<Text size={10}>{stepsTotal}</Text>\n </Text>\n );\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={styles.popper}\n transition\n open={!!anchor}\n anchorEl={anchor}\n placement={placement}\n modifiers={popperModifiers}\n // Needed so the popover does not force \"pseudo-fullscreen\" in DC apps\n container={document.body}\n {...popperProps}\n >\n <div ref={setArrowRef} className={styles.arrow} />\n <div className={classNames(styles.tooltip, className)} data-testid={testId}>\n {(title \|\| onClose) && (\n <div className={styles.title}>\n <Header appearance=\"appName\" className={styles.titleInner}>\n {title}\n </Header>\n\n {onClose && (\n <ButtonIcon onClick={onClose} size=\"medium\" className={styles.closeButton}>\n <CloseSmallIcon />\n </ButtonIcon>\n )}\n </div>\n )}\n\n {description && (\n <Text tagName=\"div\" className={styles.description} size={14}>\n {description}\n </Text>\n )}\n\n {(primaryAction \|\| secondaryAction \|\| stepper) && (\n <div className={styles.footer}>\n {secondaryAction}\n {stepper}\n {primaryAction}\n </div>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","_ref","anchorEl","open","className","onClose","title","description","testId","_ref$placement","placement","children","primaryActionHandler","secondaryActionHandler","secondaryActionText","primaryActionText","_ref$stepsTotal","stepsTotal","_ref$stepCurrent","stepCurrent","_ref$flip","flip","popperProps","childAnchorRef","useRef","useState","_useState2","_slicedToArray","_useState","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","requestAnimationFrame","current","undefined","Children","count","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","popperModifiers","useMemo","boundariesElement","findAppContainerElement","_objectSpread","enabled","arrow","element","preventOverflow","modifiers","primaryAction","_jsx","Button","onClick","styles","type","secondaryAction","stepper","_jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"~~y0JA4EaA~~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"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../src/componentsV2/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { CloseSmallIcon } from '../../icons';\nimport { Header } from '../Header';\nimport { Button, ButtonProps } from '../Button';\nimport { findAppContainerElement } from '../utils';\n\nimport styles from './Hint.scss';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n description?: ReactNode;\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n /\n Close button is shown only when this prop is present\n /\n onClose?: () => void;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n\n stepCurrent?: number;\n stepsTotal?: number;\n\n /\n Controls if hint should flip to other side of an element to fit into the viewport\n /\n flip?: boolean;\n\n /\n Escape hatch for popper props. `modifiers` property will be merged with `<Hint/>`'s own modifiers.\n */\n popperProps?: Partial<PopperProps>;\n\n className?: string;\n testId?: string;\n};\n\nexport const Hint = ({\n anchorEl,\n open,\n className,\n onClose,\n title,\n description,\n testId,\n placement = 'bottom',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n secondaryActionText,\n primaryActionText,\n stepsTotal = 0,\n stepCurrent = 0,\n flip = false,\n popperProps,\n}: HintProps) => {\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState<HTMLDivElement \| null>(null);\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n requestAnimationFrame(() => setAnchor(open ? anchorEl \|\| childAnchorRef.current : undefined));\n }, [anchorEl, open]);\n\n if (!anchorEl && Children.count(children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = anchorEl\n ? children\n : Children.map(children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as never);\n }\n\n return child;\n });\n\n const popperModifiers = useMemo(() => {\n const boundariesElement = findAppContainerElement(anchor);\n\n return {\n flip: {\n enabled: flip,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n // This is an override for MUI's config of Popper.\n // See https://github.com/mui/material-ui/blob/v4.x/packages/material-ui/src/Popper/Popper.js#L132\n preventOverflow: {\n boundariesElement,\n },\n ...popperProps?.modifiers,\n };\n }, [arrowRef, flip, anchor, popperProps?.modifiers]);\n\n const primaryAction = primaryActionHandler && primaryActionText && (\n <Button onClick={primaryActionHandler} className={styles.primaryAction} type=\"tertiary\">\n {primaryActionText}\n </Button>\n );\n\n const secondaryAction = secondaryActionHandler && secondaryActionText && (\n <Button onClick={secondaryActionHandler} className={styles.secondaryAction} type=\"tertiary\">\n {secondaryActionText}\n </Button>\n );\n\n const stepper = stepsTotal > 0 && stepCurrent > 0 && (\n <Text size={12}>\n Step {stepCurrent}/<Text size={10}>{stepsTotal}</Text>\n </Text>\n );\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={styles.popper}\n transition\n open={!!anchor}\n anchorEl={anchor}\n placement={placement}\n modifiers={popperModifiers}\n // Needed so the popover does not force \"pseudo-fullscreen\" in DC apps\n container={document.body}\n {...popperProps}\n >\n <div ref={setArrowRef} className={styles.arrow} />\n <div className={classNames(styles.tooltip, className)} data-testid={testId}>\n {(title \|\| onClose) && (\n <div className={styles.title}>\n <Header appearance=\"appName\" className={styles.titleInner}>\n {title}\n </Header>\n\n {onClose && (\n <ButtonIcon onClick={onClose} size=\"medium\" className={styles.closeButton}>\n <CloseSmallIcon />\n </ButtonIcon>\n )}\n </div>\n )}\n\n {description && (\n <Text tagName=\"div\" className={styles.description} size={14}>\n {description}\n </Text>\n )}\n\n {(primaryAction \|\| secondaryAction \|\| stepper) && (\n <div className={styles.footer}>\n {secondaryAction}\n {stepper}\n {primaryAction}\n </div>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","_ref","anchorEl","open","className","onClose","title","description","testId","_ref$placement","placement","children","primaryActionHandler","secondaryActionHandler","secondaryActionText","primaryActionText","_ref$stepsTotal","stepsTotal","_ref$stepCurrent","stepCurrent","_ref$flip","flip","popperProps","childAnchorRef","useRef","useState","_useState2","_slicedToArray","_useState","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","requestAnimationFrame","current","undefined","Children","count","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","popperModifiers","useMemo","boundariesElement","findAppContainerElement","_objectSpread","enabled","arrow","element","preventOverflow","modifiers","primaryAction","_jsx","Button","onClick","styles","type","secondaryAction","stepper","_jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"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"}

package/componentsV2/ImageViewer/ImageViewer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useEffect as n}from"react";import{renderToString as i}from"react-dom/server";import c from"photoswipe/lightbox";import t from"photoswipe";import"photoswipe/photoswipe.css";import{useIsInsideIsolatedDcApp as r}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import e from"./ImageViewer.scss.js";import{ArrowLeftIcon as m,DownloadIcon as u,ZoomInIcon as p,ZoomOutIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a,Fragment as d}from"react/jsx-runtime";var I=function(I){var j=I.src,v=I.onClose,h=I.onOpen,f=I.height,g=I.width,C=r(),b=s((function(){if(g&&f)return{height:f,width:g}})),w=o(b,2),S=w[0],A=w[1];return n((function(){if(j&&!S){var o=new Image;o.onload=function(o){var s=o.currentTarget,n=s.naturalWidth,i=s.naturalHeight;A({width:n,height:i})},o.src=j}}),[j,S]),n((function(){if(j&&S){var o=C?parent:window,s=new c({pswpModule:t,dataSource:[{src:j,width:S.width,height:S.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:e.root,closeSVG:i(a(m,{}))});return s.on("bindEvents",(function(){var n=s.pswp;n&&C&&n.events._pool.slice().forEach((function(s){var i=s.target,c=s.type,t=s.listener,r=s.passive;i===window&&(n.events.remove(i,c,t,r),n.events.add(o,c,t,r)),i===document&&(n.events.remove(i,c,t,r),n.events.add(o.document,c,t,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:i(a(u,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var n;o.href=(null==s||null===(n=s.currSlide)||void 0===n?void 0:n.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:i(a(p,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,c=o,t=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.disabled=t>=2)}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel){var c=n.currSlide.currZoomLevel+.5,t=Math.min(.5*Math.floor(c/.5),2);n.currSlide.zoomTo(t,void 0)}}});var c=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:i(a(l,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,t=o,r=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.get(s.currSlide)||c.set(s.currSlide,r),t.disabled=r<=(c.get(s.currSlide)||1))}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel&&c.get(n.currSlide)){var t=n.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(t/.5),c.get(n.currSlide)||1);n.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==v||v()})),s.on("destroy",(function(){null==v||v()})),s.on("initialLayout",(function(){null==h||h()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[j,C,v,h,S]),a(d,{})};export{I as ImageViewer};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useEffect as n}from"react";import{renderToString as i}from"react-dom/server";import c from"photoswipe/lightbox";import t from"photoswipe";import"photoswipe/photoswipe.css";import{useIsInsideIsolatedDcApp as r}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import e from"./ImageViewer.scss.js";import{ArrowLeftIcon as m,DownloadIcon as u,ZoomInIcon as p,ZoomOutIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a,Fragment as d}from"react/jsx-runtime";var I=function(I){var j=I.src,v=I.onClose,h=I.onOpen,f=I.height,g=I.width,C=r(),b=s((function(){if(g&&f)return{height:f,width:g}})),w=o(b,2),S=w[0],F=w[1];return n((function(){if(j&&!S){var o=new Image;o.onload=function(o){var s=o.currentTarget,n=s.naturalWidth,i=s.naturalHeight;F({width:n,height:i})},o.src=j}}),[j,S]),n((function(){if(j&&S){var o=C?parent:window,s=new c({pswpModule:t,dataSource:[{src:j,width:S.width,height:S.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:e.root,closeSVG:i(a(m,{}))});return s.on("bindEvents",(function(){var n=s.pswp;n&&C&&n.events._pool.slice().forEach((function(s){var i=s.target,c=s.type,t=s.listener,r=s.passive;i===window&&(n.events.remove(i,c,t,r),n.events.add(o,c,t,r)),i===document&&(n.events.remove(i,c,t,r),n.events.add(o.document,c,t,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:i(a(u,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var n;o.href=(null==s||null===(n=s.currSlide)||void 0===n?void 0:n.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:i(a(p,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,c=o,t=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.disabled=t>=2)}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel){var c=n.currSlide.currZoomLevel+.5,t=Math.min(.5*Math.floor(c/.5),2);n.currSlide.zoomTo(t,void 0)}}});var c=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:i(a(l,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,t=o,r=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.get(s.currSlide)||c.set(s.currSlide,r),t.disabled=r<=(c.get(s.currSlide)||1))}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel&&c.get(n.currSlide)){var t=n.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(t/.5),c.get(n.currSlide)||1);n.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==v||v()})),s.on("destroy",(function(){null==v||v()})),s.on("initialLayout",(function(){null==h||h()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[j,C,v,h,S]),a(d,{})};export{I as ImageViewer};
 //# sourceMappingURL=ImageViewer.js.map

package/componentsV2/ImageViewer/ImageViewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n src?: string;\n width?: number;\n height?: number;\n onClose?: () => void;\n onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n const isInDcApp = useIsInsideIsolatedDcApp();\n\n const [imageSize, setImageSize] = useState<{ width: number; height: number } \| undefined>(() => {\n if (width && height) {\n return { height, width };\n }\n return undefined;\n });\n\n useEffect(() => {\n if (src && !imageSize) {\n const img = new Image();\n img.onload = e => {\n const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n setImageSize({ width: naturalWidth, height: naturalHeight });\n };\n img.src = src;\n }\n }, [src, imageSize]);\n\n useEffect(() => {\n if (!src \|\| !imageSize) {\n return undefined;\n }\n\n // eslint-disable-next-line no-restricted-globals\n const targetWindowObj = isInDcApp ? parent : window;\n const lightbox = new PhotoSwipeLightbox({\n pswpModule: PhotoSwipe,\n dataSource: [\n {\n src,\n width: imageSize.width,\n height: imageSize.height,\n },\n ],\n clickToCloseNonZoomable: false,\n wheelToZoom: true,\n initialZoomLevel: 'fit',\n padding: { top: 50, bottom: 50, left: 50, right: 50 },\n // eslint-disable-next-line no-restricted-globals\n appendToEl: targetWindowObj.document.body,\n getViewportSizeFn: () => ({\n x: targetWindowObj.innerWidth,\n y: targetWindowObj.innerHeight,\n }),\n maxZoomLevel: MaxZoomLevel,\n mainClass: styles.root,\n closeSVG: renderToString(<ArrowLeftIcon />),\n // zoomSVG: renderToString(\n // <>\n // <ZoomInIcon />\n // <ZoomOutIcon />\n // </>\n // ),\n });\n\n lightbox.on('bindEvents', () => {\n const { pswp } = lightbox;\n\n if (pswp && isInDcApp) {\n // Filtering events and reassigning handlers to parent window\n // For this we get into the guts of photoswipe's event handler manager\n // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n /* eslint-disable no-underscore-dangle /\n // @ts-expect-error accessing \"private\" property of `events`\n const pool = pswp.events._pool.slice();\n / eslint-enable no-underscore-dangle /\n\n pool.forEach(\n ({\n target,\n type,\n listener,\n passive,\n }: {\n target: Parameters<typeof pswp['events']['add']>[0];\n type: Parameters<typeof pswp['events']['add']>[1];\n listener: Parameters<typeof pswp['events']['add']>[2];\n passive: Parameters<typeof pswp['events']['add']>[3];\n }) => {\n if (target === window) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj, type, listener, passive);\n }\n\n if (target === document) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj.document, type, listener, passive);\n }\n }\n );\n }\n });\n\n lightbox.on('uiRegister', () => {\n const ui = lightbox?.pswp?.ui;\n\n ui?.registerElement({\n name: 'download-button',\n order: 7,\n isButton: true,\n tagName: 'a',\n\n html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n onInit: (el, pswp) => {\n el.setAttribute('download', '');\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n\n pswp?.on('change', () => {\n // eslint-disable-next-line no-param-reassign\n (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src \|\| '';\n });\n },\n });\n\n ui?.registerElement({\n name: 'zoom-in-button',\n order: 8,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n button.disabled = zoomLevel >= MaxZoomLevel;\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) ZoomStep, MaxZoomLevel);\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n\n const initialZoomLevelsMap = new WeakMap<object, number \| undefined>();\n ui?.registerElement({\n name: 'zoom-out-button',\n order: 9,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n // First run - save current zoom as minimal\n if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n }\n\n button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) \|\| 1);\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel \|\| !initialZoomLevelsMap.get(pswp.currSlide)) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n const newZoom = Math.max(\n Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n initialZoomLevelsMap.get(pswp.currSlide) \|\| 1\n );\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n });\n\n lightbox.on('close', () => {\n onClose?.();\n });\n\n lightbox.on('destroy', () => {\n onClose?.();\n });\n\n lightbox.on('initialLayout', () => {\n onOpen?.();\n });\n\n lightbox.init();\n lightbox.loadAndOpen(0);\n\n return () => {\n lightbox.destroy();\n };\n }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n src?: string;\n width?: number;\n height?: number;\n onClose?: () => void;\n onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n const isInDcApp = useIsInsideIsolatedDcApp();\n\n const [imageSize, setImageSize] = useState<{ width: number; height: number } \| undefined>(() => {\n if (width && height) {\n return { height, width };\n }\n return undefined;\n });\n\n useEffect(() => {\n if (src && !imageSize) {\n const img = new Image();\n img.onload = e => {\n const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n setImageSize({ width: naturalWidth, height: naturalHeight });\n };\n img.src = src;\n }\n }, [src, imageSize]);\n\n useEffect(() => {\n if (!src \|\| !imageSize) {\n return undefined;\n }\n\n // eslint-disable-next-line no-restricted-globals\n const targetWindowObj = isInDcApp ? parent : window;\n const lightbox = new PhotoSwipeLightbox({\n pswpModule: PhotoSwipe,\n dataSource: [\n {\n src,\n width: imageSize.width,\n height: imageSize.height,\n },\n ],\n clickToCloseNonZoomable: false,\n wheelToZoom: true,\n initialZoomLevel: 'fit',\n padding: { top: 50, bottom: 50, left: 50, right: 50 },\n // eslint-disable-next-line no-restricted-globals\n appendToEl: targetWindowObj.document.body,\n getViewportSizeFn: () => ({\n x: targetWindowObj.innerWidth,\n y: targetWindowObj.innerHeight,\n }),\n maxZoomLevel: MaxZoomLevel,\n mainClass: styles.root,\n closeSVG: renderToString(<ArrowLeftIcon />),\n // zoomSVG: renderToString(\n // <>\n // <ZoomInIcon />\n // <ZoomOutIcon />\n // </>\n // ),\n });\n\n lightbox.on('bindEvents', () => {\n const { pswp } = lightbox;\n\n if (pswp && isInDcApp) {\n // Filtering events and reassigning handlers to parent window\n // For this we get into the guts of photoswipe's event handler manager\n // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n /* eslint-disable no-underscore-dangle /\n // @ts-expect-error accessing \"private\" property of `events`\n const pool = pswp.events._pool.slice();\n / eslint-enable no-underscore-dangle /\n\n pool.forEach(\n ({\n target,\n type,\n listener,\n passive,\n }: {\n target: Parameters<typeof pswp['events']['add']>[0];\n type: Parameters<typeof pswp['events']['add']>[1];\n listener: Parameters<typeof pswp['events']['add']>[2];\n passive: Parameters<typeof pswp['events']['add']>[3];\n }) => {\n if (target === window) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj, type, listener, passive);\n }\n\n if (target === document) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj.document, type, listener, passive);\n }\n }\n );\n }\n });\n\n lightbox.on('uiRegister', () => {\n const ui = lightbox?.pswp?.ui;\n\n ui?.registerElement({\n name: 'download-button',\n order: 7,\n isButton: true,\n tagName: 'a',\n\n html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n onInit: (el, pswp) => {\n el.setAttribute('download', '');\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n\n pswp?.on('change', () => {\n // eslint-disable-next-line no-param-reassign\n (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src \|\| '';\n });\n },\n });\n\n ui?.registerElement({\n name: 'zoom-in-button',\n order: 8,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n button.disabled = zoomLevel >= MaxZoomLevel;\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) ZoomStep, MaxZoomLevel);\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n\n const initialZoomLevelsMap = new WeakMap<object, number \| undefined>();\n ui?.registerElement({\n name: 'zoom-out-button',\n order: 9,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n // First run - save current zoom as minimal\n if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n }\n\n button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) \|\| 1);\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel \|\| !initialZoomLevelsMap.get(pswp.currSlide)) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n const newZoom = Math.max(\n Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n initialZoomLevelsMap.get(pswp.currSlide) \|\| 1\n );\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n });\n\n lightbox.on('close', () => {\n onClose?.();\n });\n\n lightbox.on('destroy', () => {\n onClose?.();\n });\n\n lightbox.on('initialLayout', () => {\n onOpen?.();\n });\n\n lightbox.init();\n lightbox.loadAndOpen(0);\n\n return () => {\n lightbox.destroy();\n };\n }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"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"}