carbon-react 106.6.7 → 106.6.10

package/esm/__internal__/utils/argTypes/specialCharacters.d.ts

@@ -0,0 +1,36 @@
+export declare const singleSpecialCharacters: {
+    options: string[];
+    mapping: {
+        minus: string;
+        questionMark: string;
+        hash: string;
+        at: string;
+        dollar: string;
+        percent: string;
+        caret: string;
+        exclamation: string;
+        asterisk: string;
+    };
+};
+export declare const email: {
+    options: string[];
+    mapping: {
+        email: string;
+    };
+};
+export declare const number: {
+    options: string[];
+    mapping: {
+        floatNumberCommaString: string;
+        floatMinusNumberCommaString: string;
+    };
+};
+declare const _default: {
+    options: string[];
+    mapping: {
+        undefined: undefined;
+        otherLanguage: string;
+        specialCharacters: string;
+    };
+};
+export default _default;

package/esm/__internal__/utils/argTypes/specialCharacters.js

@@ -0,0 +1,36 @@
+export const singleSpecialCharacters = {
+  options: ["minus", "questionMark", "hash", "at", "dollar", "percent", "caret", "exclamation", "asterisk"],
+  mapping: {
+    minus: "-",
+    questionMark: "?",
+    hash: "#",
+    at: "@",
+    dollar: "$",
+    percent: "%",
+    caret: "^",
+    exclamation: "!",
+    asterisk: "*"
+  }
+};
+export const email = {
+  options: ["email"],
+  mapping: {
+    email: "test.frontend.squad@gmail.com"
+  }
+};
+export const number = {
+  options: ["floatNumberCommaString", "floatMinusNumberCommaString"],
+  mapping: {
+    floatNumberCommaString: "0,112",
+    floatMinusNumberCommaString: "-0,112"
+  }
+};
+export default {
+  options: ["undefined", "otherLanguage", "specialCharacters"],
+  mapping: {
+    // eslint-disable-next-line object-shorthand
+    undefined: undefined,
+    otherLanguage: "mp150ú¿¡üßä",
+    specialCharacters: "!@#$%^*()_+-=~[];:.,?{}&\"'<>"
+  }
+};

package/esm/components/date/__internal__/date-picker/date-picker.component.js

@@ -17,7 +17,8 @@ const DatePicker = /*#__PURE__*/React.forwardRef(({
   disablePortal,
   onDayClick,
   pickerMouseDown,
-  pickerProps
+  pickerProps,
+  open
 }, ref) => {
   const l = useLocale();
   const {
@@ -27,22 +28,27 @@ const DatePicker = /*#__PURE__*/React.forwardRef(({
   const {
     weekStartsOn
   } = options;
-  const monthsLong = Array.from({
+  const monthsLong = useMemo(() => Array.from({
     length: 12
-  }).map((_, i) => localize.month(i));
-  const monthsShort = Array.from({
+  }).map((_, i) => {
+    const month = localize.month(i);
+    return month[0].toUpperCase() + month.slice(1);
+  }), [localize]);
+  const monthsShort = useMemo(() => Array.from({
     length: 12
   }).map((_, i) => localize.month(i, {
     width: "abbreviated"
-  }).substring(0, 3));
-  const weekdaysLong = Array.from({
+  }).substring(0, 3)), [localize]);
+  const weekdaysLong = useMemo(() => Array.from({
     length: 7
-  }).map((_, i) => localize.day(i));
-  const weekdaysShort = Array.from({
+  }).map((_, i) => localize.day(i)), [localize]);
+  const weekdaysShort = useMemo(() => Array.from({
     length: 7
-  }).map((_, i) => localize.day(i, l.locale() === "de" ? {} : {
+  }).map((_, i) => localize.day(i, ["de", "pl"].filter(str => l.locale().includes(str)).length ? {
+    width: "wide"
+  } : {
     width: "abbreviated"
-  }).substring(0, 3));
+  }).substring(0, 3)), [l, localize]);
   const popoverModifiers = useMemo(() => [{
     name: "offset",
     options: {
@@ -65,6 +71,10 @@ const DatePicker = /*#__PURE__*/React.forwardRef(({
 
   const formatDay = date => `${weekdaysShort[date.getDay()]} ${date.getDate()} ${monthsShort[date.getMonth()]} ${date.getFullYear()}`;
 
+  if (!open) {
+    return null;
+  }
+
   return /*#__PURE__*/React.createElement(Popover, {
     placement: "bottom-start",
     reference: inputElement,
@@ -125,6 +135,9 @@ DatePicker.propTypes = {
   pickerProps: PropTypes.object,
 
   /** Callback to handle mousedown event on picker */
-  pickerMouseDown: PropTypes.func
+  pickerMouseDown: PropTypes.func,
+
+  /** Sets whether the picker should be displayed */
+  open: PropTypes.bool
 };
 export default DatePicker;

package/esm/components/date/__internal__/date-picker/date-picker.d.ts

@@ -16,6 +16,8 @@ export interface DatePickerProps extends Pick<DayPickerProps, "onDayClick"> {
   selectedDays?: Date;
   /** Callback to handle mousedown event on picker container */
   pickerMouseDown?: () => void;
+  /** Sets whether the picker should be displayed */
+  open?: boolean;
 }
 
 declare function DatePicker(

package/esm/components/date/date.component.js

@@ -310,7 +310,7 @@ const DateInput = ({
     size: size,
     disabled: disabled,
     readOnly: readOnly
-  })), open && /*#__PURE__*/React.createElement(DatePicker, {
+  })), /*#__PURE__*/React.createElement(DatePicker, {
     disablePortal: disablePortal,
     inputElement: parentRef,
     pickerProps: pickerProps,
@@ -320,7 +320,8 @@ const DateInput = ({
     minDate: minDate,
     maxDate: maxDate,
     ref: pickerRef,
-    pickerMouseDown: handlePickerMouseDown
+    pickerMouseDown: handlePickerMouseDown,
+    open: open
   }));
 };